@media screen and (max-width: 600px) {
  #generatorInput {
    transform: scale(0.6);
    transform-origin: top left;
  }

  .dropdown {
    transform: scale(0.7);
    transform-origin: top right;
  }

  #gyroControl {
    display:flex;
    flex-direction: row;
    width:200px;
  }
}

/* @media screen and (max-width: 600px) and (orientation: landscape){
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
} */