@font-face {
  font-family: "Text";
  src: url("/content/fonts/text.ttf") format("truetype");
}

body {
  background: white;
}

img.wide {
  transition: all 0.2s ease-in;
}

img.wide:hover {
  transform: scale(0.98);
}

.icons {
  height: 3vh;
  padding: 0.2vh;
}

.controllers {
  width: 7vh;
  padding: 2vh;
  margin: 1.5vh 2vh 1.5vh 2vh;
}

.controllers:hover {
  transform: scale(0.95);
}

@media (max-aspect-ratio: 3/4) {

  .icons {
    height: 4vw;
    padding: 0.26666666666667vw;
  }

  .controllers {
    width: 9.3333333333333vw;
    padding: 2.6666666666667vw;
    margin: 2.6666666666667vw;
  }
}