img {
vertical-align: bottom;
}

@font-face {
  font-family: c64-1;
  src: url(fonts/c64-1.ttf);
}
@font-face {
  font-family: zx;
  src: url(fonts/zx.ttf);
}
@font-face {
  font-family: dizzy;
  src: url(fonts/fonts.ttf);
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Impact;
	font-size:16px;
	padding:2px;
	width: 100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	vertical-align:top;
	width:100%;
	white-space: nowrap;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:2px;
}


.header {
	box-shadow:inset 0px 1px 0px 1px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:0px;
	border:0px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Impact;
	font-size:28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	text-align:center;
	font-size:2.1vw;
	height:2.6vw;

}
.header:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.header:active {
	position:relative;
	top:1px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}

.menu a:link{
display:block;
width:100%;
color:white;
text-decoration: none;
}
.menu a:visited{
display:block;
width:100%;
color:white;
text-decoration: none;
}
.menu a:hover{
display:block;
width:100%;
color:white;
text-decoration: none;
}
.menu a:active{
display:block;
width:100%;
color:white;
text-decoration: none;
}

.socials a{
display:inline-block;
width:100%;
color:#777777;
text-decoration: none;
}