:root {
  --border-color: white;
  --dialog-background: #FFF3B4;
  --menu-background: rgba(0, 0, 0, 0.85);
  --menu-border-color: white;
  --menu-font-color: white;
  --menu-selected-background: red;
  --menu-border-radius: 0px;
}

* {
  box-sizing:border-box;
}

@font-face {
  font-family: 'Press Start 2P';
  src: url('path-to-your-font/PressStart2P-Regular.ttf') format('truetype');
}

body {
  font-family: 'Press Start 2P', sans-serif;
  background: #222;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.how-to-play {
  position: absolute;
  left:0; right:0;
  bottom: 0;
  text-align:center;
  font-size: 12px;
  color: #fff;
}

.game-container {
  position: relative;
  background: #444;
  /* background: #9ae2ff; */
  width: 304px;
  height: 176px;
  margin: 0 auto;
  transform: scale(5) translateY(42.25%);
  overflow: hidden;
  /* itch.io */
  /* top: 60px; */
}

.game-container canvas,
.weather-overlay {
  image-rendering: pixelated;
}

@media only screen and (max-width: 1525px) {
  .game-container {
    transform: scale(4) translateY(45.5%);
  }
}

@media only screen and (max-width: 1220px) {
  .game-container {
    transform: scale(3) translateY(50%);
  }
}