body{font-family: "Times New Roman", Times, serif;
      width: 100%;
      overflow: hidden;
      overflow-x: hidden;
      background: linear-gradient(
        223.17deg,
        rgb(28, 24, 41) 0%,
        rgb(27, 24, 40) 4%,
        rgb(26, 23, 39) 8%,
        rgb(25, 23, 37) 12%,
        rgb(24, 22, 36) 16%,
        rgb(23, 22, 35) 20%,
        rgb(22, 21, 34) 24%,
        rgb(21, 20, 33) 28%,
        rgb(20, 19, 32) 32%,
        rgb(19, 18, 30) 36%,
        rgb(18, 18, 29) 40%,
        rgb(17, 17, 27) 44%,
        rgb(16, 16, 26) 48%,
        rgb(15, 15, 25) 52%,
        rgb(14, 14, 24) 56%,
        rgb(13, 13, 22) 60%,
        rgb(12, 12, 21) 64%,
        rgb(11, 11, 20) 68%,
        rgb(10, 10, 19) 72%,
        rgb(9, 9, 18) 76%,
        rgb(8, 8, 17) 80%,
        rgb(7, 7, 16) 84%,
        rgb(6, 6, 15) 88%,
        rgb(5, 5, 14) 92%,
        rgb(4, 4, 13) 96%,
        rgb(3, 3, 12) 100%
      );
      color: white;
      text-align: center;
    }
    #game-container {
      background: #bbada0;
      padding: 20px;
      border-radius: 10px;
      display: inline-block;
    }
    #board {
      display: grid;
      grid-template-columns: repeat(4, 100px);
      grid-gap: 10px;
    }
    .tile {
      width: 100px;
      height: 100px;
      background: #cdc1b4;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
      color: #776e65;
      border-radius: 5px;
    }
    h1 {
      margin-top: 40px;
      margin-bottom: 30px;
      font-size: 48px;
    }