#board {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  grid-gap: 10px;

  .tower {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 300px;

    border-bottom: 40px solid brown;

    .ring {
      margin: 0 auto;
      height: 40px;
    }

    .red {
      background-color: red;
      width: 50px;
    }

    .yellow {
      background-color: yellow;
      width: 80px;
    }

    .green {
      background-color: green;
      width: 110px;
    }

    .blue {
      background-color: blue;
      width: 140px;
    }

    .purple {
      background-color: purple;
      width: 170px;
    }
  }
}

#reset {
  margin-top: 10px;
  grid-column: 1/3;
}