body{
background-color:#202020;
color:#E0D0C0;
font-family: 'Oxygen', sans-serif;
font-size:14px;
}
#top{
text-align:center;
}
#top h1{
font-size:72px;
font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
h2{
    padding-top: 0px;
    margin-top: 0px;
}
#sidebar {
    position: fixed;
    /*top: 0;*/
    bottom: 100px;
    right: 15px;
    width: 200px;
	text-align:right;
}
#main {
margin-right:210px;
margin-left:210px;
}
a {
  color: #A0C0E0;
  font-weight: 400;
  text-decoration: none;
}
a:hover {
  color: #CCDDEE;
}
#navBar{
	width:100%;
      list-style: none;
	  padding:0;
	  margin:0;
	  height:50px;
}
#navBar li{
	width:50%;
	float:left;
	text-align:center;
	
	font-family: 'Montserrat';

	font-size:24px;
	
	
	cursor: pointer;
	color:#60C2D5;
	
	 -webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;

}
#navBar li:hover{
	
	color:white;
}
#navBar li:active{
	color:black;
}
#navBar .active{
	color:white;	
}
.hide{
	opacity:0;
	pointer-events: none;
}
.toggleable{
	position:absolute;
	top:0;
	left:0;
	 -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#wrapper{
	position:relative;
	width:100%;
	
}