#tower-container {
  margin: 0px auto 30px;
  height: 200px;
  max-width: 800px;
  border-bottom: 1px solid black;
  display: flex;
}
#tower-container .tower {
  position: relative;
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
#tower-container .tower .p1 {
  width: 40%;
  background-color: red;
}
#tower-container .tower .p2 {
  width: 50%;
  background-color: orange;
}
#tower-container .tower .p3 {
  width: 60%;
  background-color: yellow;
}
#tower-container .tower .p4 {
  width: 70%;
  background-color: yellowgreen;
}
#tower-container .tower .p5 {
  width: 80%;
  background-color: green;
}
#tower-container .tower .p6 {
  width: 90%;
  background-color: purple;
}
#tower-container .tower .axis {
  position: absolute;
  bottom: 0;
  height: 200px;
  width: 3px;
  background-color: black;
}
.counter {
  transform: translateY(-30px);
  text-align: center;
}
.newgame-panel {
  margin: 100px auto;
  width: 300px;
  display: flex;
}
.plate {
  height: 30px;
  border-radius: 30px;
}
.button-wrapper {
  text-align: center;
}
.intro {
  margin-top: 30px;
  text-align: center;
}
/*# sourceMappingURL=./hanoi.css.map */