@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);

@import url(http://fonts.googleapis.com/css?family=Quicksand);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

@import url(http://fonts.googleapis.com/css?family=Varela+Round);

@import url(http://fonts.googleapis.com/css?family=Lobster);
p{
  font-family: 'Open Sans', sans-serif;
  text-align:center;
}
html,body{height:100%; background-color:#eeeeee;}
#container{background:#eee;height:70%;color:#474747;width:500px;height:400px;overflow:hidden;margin:0 auto;margin-top:50px;
}
.goforward{
  box-shadow:        0 1px 0 hsl(0,0%,75%),
	                 0 2px 0 hsl(0,0%,74%),
	                 0 3px 0 hsl(0,0%,73%),
	                 0 4px 0 hsl(0,0%,72%),
	                 0 5px 0 hsl(0,0%,71%),
	                 0 6px 0 hsl(0,0%,70%),
	                 0 7px 0 hsl(0,0%,69%),
	                 0 8px 0 hsl(0,0%,68%),
	/* LIGHT SHADOWS */
    	                 0 0 5px rgba(255,255,255,.05),
	                0 -1px 3px rgba(255,255,255,.2),
	                0 -3px 5px rgba(255,255,255,.2),
	               0 -5px 10px rgba(255,255,255,.2),
	              0 -10px 10px rgba(255,255,255,.2),
	              0 -20px 20px rgba(255,255,255,.3),
    /* DARK SHADOWS */
	                 0 0 5px rgba(0,0,0,.05),
	                0 1px 3px rgba(0,0,0,.2),
	                0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.2),
	              0 10px 10px rgba(0,0,0,.2),
	              0 20px 20px rgba(0,0,0,.3);
    transition:all 0.3s;
-webkit-transition:all 0.3s; /* Safari */
    
}
.goback{background:#eee;height:70%;color:#474747;width:500px;height:400px;overflow:hidden;margin:0 auto;margin-top:58px;
box-shadow:        0 0px 0 hsl(0,0%,75%),
	                 0 0px 0 hsl(0,0%,74%),
	                 0 0px 0 hsl(0,0%,73%),
	                 0 0px 0 hsl(0,0%,72%),
	                 0 0px 0 hsl(0,0%,71%),
	                 0 0px 0 hsl(0,0%,70%),
	                 0 0px 0 hsl(0,0%,69%),
	                 0 0px 0 hsl(0,0%,68%),
	/* LIGHT SHADOWS */
    	                 0 0 0 rgba(255,255,255,.05),
	                0 0 0 rgba(255,255,255,.2),
	                0 0 0 rgba(255,255,255,.2),
	               0 0 0 rgba(255,255,255,.2),
	              0 0 0 rgba(255,255,255,.2),
	              0 0 0 rgba(255,255,255,.3),
    /* DARK SHADOWS */
	                 0 0 0 rgba(0,0,0,.05),
	                0 0 0 rgba(0,0,0,.2),
	                0 0 0 rgba(0,0,0,.2),
	               0 0 0 rgba(0,0,0,.2),
	              0 0 0 rgba(0,0,0,.2),
	              0 0 0 rgba(0,0,0,.3);
    transition:all 0.3s;
-webkit-transition:all 0.3s; /* Safari */
}
h1{font-family: 'Open Sans', sans-serif;font-size:50px;text-align:left; font-weight:700;margin-left:50px; margin-top:100px;}
h2{font-family: 'Open Sans', sans-serif;font-size:20px;text-align:left;margin-top:15px; font-weight:300; margin-left:50px;line-height:30px;}
nav{margin:0 auto;width:250px;}



/* Button */
#menu{
  width:466px;
	height: 50px;
  margin:0 auto;
  margin-top:70px;
  font-family: 'Varela Round', sans-serif;
  font-size:12px
}

.button {
	  background-color:#eeeeee;
  width:20%;
  height:50px;
  transition:all 0.2s;
-webkit-transition:all 0.2s; /* Safari */
  float:left;
  border:0;
  margin-top:0px;
  position:relative;
  text-align: center;
  line-height: 50px;
}
.button:hover{
  z-index:2;
  margin-top:-8px;
  background-color:#ffffff;
box-shadow:        0 1px 0 hsl(0,0%,75%),
	                 0 2px 0 hsl(0,0%,74%),
	                 0 3px 0 hsl(0,0%,73%),
	                 0 4px 0 hsl(0,0%,72%),
	                 0 5px 0 hsl(0,0%,71%),
	                 0 6px 0 hsl(0,0%,70%),
	                 0 7px 0 hsl(0,0%,69%),
	                 0 8px 0 hsl(0,0%,68%),
	/* LIGHT SHADOWS */
    	                 0 0 5px rgba(255,255,255,.05),
	                0 -1px 3px rgba(255,255,255,.2),
	                0 -3px 5px rgba(255,255,255,.2),
	               0 -5px 10px rgba(255,255,255,.2),
	              0 -10px 10px rgba(255,255,255,.2),
	              0 -20px 20px rgba(255,255,255,.3),
    /* DARK SHADOWS */
	                 0 0 5px rgba(0,0,0,.05),
	                0 1px 3px rgba(0,0,0,.2),
	                0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.2),
	              0 10px 10px rgba(0,0,0,.2),
	              0 20px 20px rgba(0,0,0,.3);

}
.button:active{
  margin-top:0px;
  background-color:#eeeeee;
      transition:all 0.1s;
-webkit-transition:all 0.1s; /* Safari */
     box-shadow:      0 0px 0 hsl(76,64%,30%),
	                 0 0px 0 hsl(76,64%,28%),
	                 0 0px 0 hsl(76,64%,32%),
	                 0 0px 0 hsl(76,64%,30%),
	                 0 0px 0 hsl(76,64%,28%),
	                 0 0px 0 hsl(76,64%,25%),
	                 0 0px 0 hsl(76,64%,22%),
	                 0 0px 0 hsl(76,64%,20%),
	
	                 0 0 0px rgba(0,0,0,.05),
	                0 0px 0px rgba(0,0,0,.2),
	                0 0px 0px rgba(0,0,0,.2),
	               0 0px 0px rgba(0,0,0,.2),
	              0 0px 0px rgba(0,0,0,.2),
	              0 0px 0px rgba(0,0,0,.3);
}