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

/* Fix  */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

nav {
position:relative;
z-index:1000000;
background:black;
height: 3rem;
width:100%;
font-family: 'Amatic SC', cursive;
text-align: center;
font-size:2rem;
line-height:3rem;
}
nav ul {
list-style-type:none;
margin:0;
padding:0;
}

/*Create a horizontal list with spacing*/
nav li {
display:inline-block;
margin:0 1rem;
}
nav li a {
display:block;
height: 3rem;
text-decoration: none;
}
nav li a:link, nav li a:focus, nav li a:visited {
color: #fff;
}
nav li a:hover  {
color: #fff;
opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);
}
nav .toggle {
text-decoration: none;
color: #fff;
text-align: left;
display: none;
padding: 0 0 0 2.5%;
width:95%;
}

nav input[type=checkbox]{
display: none;
}
nav input[type=checkbox]:checked ~ #menu{
display: block;
}


@media screen and (max-width : 768px){
nav ul {
display: none;
}
nav li {
margin:1px 0 0 0;
background:#000;
padding:0;
text-indent: 0;
}
nav ul li, li a {
text-align: center;
width: 100%;
}
nav li a:hover, nav li:hover, nav li a:focus, nav li a:focus {
color: black;
background:#abce1a;
}
nav .toggle {
display:block;
}
}