@charset "utf-8";
/* CSS Document */

/*WHOLE PAGE*/
.page {	font-family:Century Gothic; 
	background-color:#0b0a0a;
	width:60%; 
	margin:auto;padding:13px;}

div.static {position: static;}

h1 	{background-color : #008B8B;
	letter-spacing: -1px;  
	text-shadow: 2px 1px #66CDAA; 
	border-style: dotted solid;
	margin-bottom: 1cm ;
	margin-left:0.0cm ;
	margin-right:1cm ;}

/* BACKGROUND SECTION */
.page 	{background-color:#E0FFFF; 
	width:75%;
	border-style: groove;
	margin:auto;
	padding:10px;}


/* HEADER SECTION */

.header-main {background-color:#E0FFFF;}

.nav-main li 	{display:inline-block;
		 position:relative;
		 left:400px;}

a:link {text-decoration:none; color:#8A2BE2;}

a:hover {text-decoration:underline; font-size:24px; color:8A2BE2;}

a:visited {text-decoration:none; color:	#4B0082;}

/* MAIN SECTION */
main {background-color: #E0FFFF; 
		border-style: groove;
		width:65.7%;
		float:left;
		padding:10px;}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

div.center {text-align: center;}


/* SIDEBAR SECTION */
.sidebar {background-color:#E0FFFF;
		border-style: groove;
		width:28%; 
		float:right; 
		padding:10px;}

.mod h2 {background-color : #008B8B; 
		width:98%;
		letter-spacing: -1px;
		text-shadow: 1px 1px #66CDAA;
		border-style: dotted solid;
		border-radius: 15px 50px 30px:
		margin-bottom: 1cm ; 
		margin-left:0.0cm ; 
		margin-right:1cm ;}


/* FOOTER SECTION */
.footer-main {background-color:#E0FFFF; clear:both}