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

/*BACKGROUND SECTION*/
.page {background-color:#FFFFFF; width:80%; margin:auto;}
.logo {padding-top: 30px;}

/*HEADER SECTION*/
.class-header {background-color:white; float:center;}
.nav-main {list-style-type: none; margin: 0; padding: 0; overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 80%;}
.nav-main li {float: left;}
.nav-main li a {display: block; color: white; text-align: center; padding: 10px 16px; text-decoration: none;}
.nav-main li a:hover:not(.active) {background-color: #111;}
.active {background-color: #4CAF50;}


/*MAIN SECTION*/
main {background-color:#00FFFF; width:70%; float:left;}
body {margin:0;}
p {text-indent: 50px}
h2 {text-align: center}
p.solid {border-style: solid; border-color: #FFD700;}

/*SIDEBAR SECTION*/
.time {background-color:#00FA9A; width:30%; float:right;}


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