@import url("https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap");
* {
  font-family: 'Press Start 2P', cursive;
  background-color: #ff5300;
  color: white;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .wrapper {
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-gap: 10px;
    grid-template-rows: repeat(3, 1fr); }
  .info {
    grid-column: 2;
    grid-row: 2; } }

@media (min-width: 1200px) {
  .wrapper {
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 10px;
    grid-template-rows: repeat(3, 1fr); }
  .info {
    grid-column: 2;
    grid-row: 2; } }

#message-from-functions {
  font-size: 8px;
}