@font-face {
  font-family: "DE";
  src: url("DIRTYEGO.TTF");
}
@font-face {
  font-family: "AW";
  src: url("atwriter.ttf");
}
h1 {
  color: white;
  font-family: "DE";
}
p {
  color: #00ff00;
  font-family: "AW";
}
body {
  margin: 0;
  background: url("background.png");
  background-size: 100vw;
  scrollbar-width: thin;
  scrollbar-color: #00ff00 #000000;
  overflow-x: hidden;
}
::selection {
  background-color: #00ff00;
  color: #ffffff;
}
.cover {
  transition: box-shadow 0.3s ease; 
}
.cover:hover {
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7); 
}
input:hover {
    box-shadow: 0vw 0vw 0.8vw 0.2vw rgba(0, 255, 0, 255);
}
.content {
  background: red;
  position: absolute; 
  top: 0vw;
  left: 20vw;
  width: 60vw;
}
.home {
  height: 151vw;
}
.info {
  height: 106vw;
}
.noise {
  height: 98vw;
}
@media (orientation: portrait) {
  .content {
    background: red;
    position: absolute; 
    left: 0vw;
    top: 0vw;
    width: 100vw;
  }
  .hideMobile {
    display: none;
  }
  .home {
    height: 252vw;
  }
  .info {
    height: 176vw;
  }
  .noise {
    height: 163vw;
  }
  
}
      
.slide {
  animation-name: slide;
  animation-duration: 1s;
}
@keyframes slide {
  from {filter: blur(0.5vw);} 
  to {filter: blur(0vw);}
}
.badge:hover {
  box-shadow: 0vw 0vw 0.6666vw 0.3333vw #00ff00;
  border: 0.25vw solid #00ff00;
}