html {
  height: 100%;
  width: 100%;
  overflow:hidden;
  background-image:url('blocks/grass.png');
  color:white;
  font-family:f;
}
@font-face{
  font-family:f;
  src:url('dogicapixel.ttf');
}
input{
  user-select:none;
  margin-top:10px;
  margin-bottom:10px;
  font-family:f;
  padding:10px;
  color:white;
  background-color:#212121;
  background-image:url('blocks/basalt.png');
  border:#ffffff solid 1px;
}
#mainbox{
  background-image:url('blocks/dirt.png');
  box-shadow:0px 0px -10px black;
  border:#ffffff solid 10px;
  position:fixed;
  width:50%;
  height:90%;
  top:5%;
  left:25%;
  text-align:center;
  overflow-y:scroll;
}
button{
  user-select:none;
  margin-top:10px;
  margin-bottom:10px;
  font-family:f;
  padding:10px;
  color:white;
  background-color:#212121;
  background-image:url('blocks/basalt.png');
  border:#ffffff solid 1px;
}
@keyframes inout{
  from{transform:rotate(-30deg) scale(1,1);}
  to{transform:rotate(-30deg) scale(1.2,1.2);}
}
#splashtext{
  pointer-events:none;
  position:fixed;
  top:25%;
  right:35%;
  color:#30d6d9;
  transform:rotate(-30deg);
  animation-name:inout;
  animation-duration:0.3s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}