.playContainer,
.scoreContainer,
.gameoverContainer {
  display: flex;
  line-height: 1.8;
  flex-direction: column;
  position: absolute;
  width: 53%;
  left: 50%;
  transform: translateX(-50%);
  top: 10%;
  color: white;
  h1,
  h2 {
    text-align: center;
    color: #e22c2c;
    margin-block: 10px;
  }
  > button {
    background: #e22c2c;
    color: white;
    align-self: center;
    padding: 10px 29px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
  }
  .btnSelected{
      box-shadow: 0 0 5px 0 white;
  }
  ul p {
    margin: 0;
  }
}
.playContainer {
  top: 4%;
  align-items: center;
  h1 , h2{
    margin: 0;
  }
  h3 {
    color: #e22c2c;
    margin: 0;
    margin-top: 8px;
  }
  p,ul{
    margin: 0;
  }>div{
    width: 90%;
  }
  ul{
    margin-bottom: 28px;
  }
}
.gameoverContainer {
  align-items: center;
  justify-content: space-around;
  height: 59%;
  .span1,
  .span2,
  .span3 {
    text-shadow: 0px 0px 9px black;
  }
  .span1 {
    font-size: 59px;
  }
  .span2 {
    font-size: 51px;
  }
  .span3 {
    font-size: 29px;
    margin-top: -55px;
  }
  img {
    width: 21%;
    filter: drop-shadow(0 0 19px #ffffff42);
  }
}