:root {
    --green: #00FF00;
    --white: #FFFFFF;
    --black: #000000;
  }

  body {
    font-family: system-ui, sans-serif;
    color: #333;
    background-size: cover;
    background-image: url("../images/robots_fade.jpeg");
  }

  body {
    font-family: system-ui, sans-serif;
    color: #333;
  }

  h1 {
    text-align: center;
  }

  .grid-container {
    display: grid;
    grid-template-columns: 30% 35% 25%;
    gap: 0px;
    background-color: #2196F3;
    padding: 2px;
    justify-content: space-evenly;
    height: 60%;
    grid-template-areas: 'myHeader';
  }

  .grid-container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 2px 0;
    font-size: 30px;
  }

  .item122 {
    grid-area: myHeader;
  }