body {
  image-rendering: pixelated;
  background: url(/images/dfbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: black;
  background-color: black;
  font-family: Verdana;
}
daff {
  image-rendering: pixelated;
  transform-origin: 50% 100%;
  position: absolute;
  user-select: none;
  left: 32vw;
  top: 20vw;
}
daff:hover{
  filter: brightness(130%);
}
daff:active{
  filter: brightness(70%);
}
val {
  image-rendering: pixelated;
  transform-origin: 50% 100%;
  position: absolute;
  user-select: none;
  left: 57vw;
  top: 17vw;
}
val:hover{
  filter: brightness(130%);
}
val:active{
  filter: brightness(70%);
}
@media only screen and (max-width: 600px){
  body {
    background-position: 50% 0%;
    background-size: 400vw;
  }
  daff
  {
    transform: scale(3);
    left: 24vw;
    top: 125vw;
  }
  val
  {
    transform:scale(3);
    left: 65vw;
    top: 120vw;
  }
}