body{
background-color:#5060a0
font-size:16px;
}

body 
{
 margin:0px 9px 0 9px;
 padding:0;
 background:#fff;
 }

 #left
 {
	background:#aaF;
	position:fixed;left:5%;
	width:20%;
	
 }
 #full
 {
	position:absolute;left:5%;
   width:90%;
   margin-top:200px;
 }

 #right
 {
	background:#afa;
	position:absolute;left:75%;
	width:20%;
	
 }
 #centre
 {
	background:#faa;
	position:absolute;left:27%;
	width:46%;
 }

 #middle{
	background:#fff;
	position:absolute;left:20%;
	width:60%;
 }
 
#end{
	background:#FFF;
	position:fixed;left:0%;bottom:0%;width:100%;
}

 #ad{
    position:absolute;
	background:#aaF;
	width:100%;
    left:0px;
    top:50px;

 }

 #left,#right,#centre,#middle{padding:0px;text-align:justify;top:180px}
 #left,#right,#centre,#middle,#body,#end{background:#fff;font-family:georgia,garamond,serif;}
 #left,#centre,#right{padding-bottom:50px;}


 H1{
 text-align:center;
 font-family:georgia,garamond,serif;
 font-size:50;
 }

 .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
 
 #gallery1{
 backgound:#111;
 background-color:#FAA
 padding:10 px;
 margin:10 px;
 }

  #gallery2{
 backgound:#FAB;
 background-color:#FAA
 padding:10 px;
 margin:10 px;
 }


 #level0 
 {
 position:fixed;bottom:1%;
 background:#FC0;
 }
 #level1
 {
 margin-left:143px;
 padding-left:9px;
 background:#FFF;
 }
 #level2 
 {
 background:#FFF3AC;
 }
 #level3 {
 margin-right:143px;
 padding-right:9px;
 background:#FFF;}
 #main {
 background:#CCC;}


 

  .buttonRetroOff, .buttonRetroOn  {
   background: #3e779d;
   background: -webkit-gradient(linear, left bottom, left top, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);

}


 .buttonRetroOff {
   background: #3e779d;
   background: -webkit-gradient(linear, left bottom, left top, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);

}

 .buttonRetroOn {
   background: #3ed79d;
   background: -webkit-gradient(linear, left bottom, left top, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);

}

.biglink{
   font-size: 16px;
}


.bigbutton {
   font-size:22;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252)));
      background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
      background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%); 
      padding: 3px;
      border: 1px solid #000;
      color: black;
      text-decoration: none;
 }

 .bigbutton:hover {
   font-size:23;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(107, 107, 107)), color-stop(0.79, rgb(252, 252, 252)));
      background-image: -moz-linear-gradient(center bottom, rgb(107, 107, 107) 16%, rgb(252, 252, 252) 79%);
      background-image: linear-gradient(to top, rgb(107, 107, 107) 16%, rgb(252, 252, 252) 79%); 
      padding: 3px;
      border: 1px solid #000;
      color: black;
      text-decoration: none;
 }

.worksheet{
   background-color:#DDF;width:350px;padding:6px;margin:6px;border-radius: 5px black;border:2px solid;
 }

 .exam-question{
   background-color: #FaFaFF; 
   box-shadow: 4px 4px 4px 4px rgba(100,100,100,0.3);
   border-radius:2px;
   
   padding:20px;
   margin:20px;
 }

     .myImage {
         border: groove;
         padding: 20px;
         margin: 20px;
     }


.adsbygoogle{
display:inline-block;width:728px;height:90px
}

.navbar{
background-color:#050507;
width:100%;
position:absolute;
height:40px;
}

.nav-about{
position:absolute;
left:35px;
top:9px;
}

.nav-articles{
position:absolute;
left:120px;
top:9px;
}

.nav-link{
    color:#FFF;
}