@font-face {
  font-family: 'MinecraftiaRegular';
  src: url('@font-face/MinecraftiaRegular.eot');
  src: url('@font-face/MinecraftiaRegular.eot?#iefix') format('embedded-opentype'), 
       url('@font-face/MinecraftiaRegular.woff') format('woff'), 
       url('@font-face/MinecraftiaRegular.ttf')  format('truetype'), 
       url('@font-face/MinecraftiaRegular.svg#svgFontName') format('svg'); 
}
*{
	padding: 0;
	margin: 0;
	font-family: 'MinecraftiaRegular';
	font-weight: normal;
  font-style: normal;
}

::-moz-selection {
  color: black;
  background: lightgrey;
}

::selection {
  color: black;
  background: lightgrey;
}

a::-moz-selection {
  color: black;
  background: lightgrey;
}

a::selection {
  color: blue;
  background: lightgrey;
}

/*@media screen and (min-width: 1400px) {
  *{
      1.6vw;
  }
}
@media screen and (min-width: 1600px) {
  *{
      1.4vw;
  }
}
@media screen and (min-width: 1800px) {
  *{
      1.2vw;
  }
}
@media screen and (min-width: 2000px) {
  *{
      1vw;
  }
}*/


body {
  background-image: url("dirt2.jpg");
  background-repeat: repeat;
  overflow: auto;  
  font-size: 15pt;
}
@media (orientation: portrait) {
  body {
     font-size: 11pt;
  }  
}
@media screen and (max-height: 800px) {
  body {
    font-size: 11pt;
  }  
}


a{
  text-decoration: none;
  color: black;
}


header{
  display: block;
  z-index: 3;
  position: fixed;
  top: 0;
  width: 100%;
}

header h1 a img{
  position: absolute;
  max-height: 10vh;
  max-width: 50vw;
  top: 0;
  right: 50%;
  transform: translate(50%, 0%);

  transition: top 0.5s;
} 


header div{
  display: flex;
  justify-content: space-between;
}

.himg{
  display: none;
  position: absolute;
  top: 0;  
}

.navbutton:hover .himg{
  display: block;
}

/*.navbutton{
  text-align: center;
  padding: 1ex;

  width: 20vw;
  background-color: white;
  border: solid;
  border-width: 4pt;
   15pt;
  text-align: center;  
}*/

header nav div a img{
  width: 30vh;
  max-width: 20vw;
}

/*header nav div a:hover{
  background-color: lightgray;
}*/


footer{
  display: flex;     
  justify-content: center;
  position: fixed;
  bottom: 0;
  padding: 0;
  width: 100%;

  border-top: solid;
  border-width: 4pt;
  border-color: black;

  background-color: white;
  z-index: 100;
}

footer img{
  height: 1em;
}
@media (orientation: portrait) {
  footer img {
    height: 2em;
  }  
}

::-webkit-scrollbar {
  width: 25px;
  border: solid;
  border-width: 4pt;
  background-color: gray;
}
::-webkit-scrollbar-thumb {
  background: white;
  border: solid;
  border-width: 4pt;
  border-color: black;
}