.popup {
    position:fixed;
    top: 0;
    left: -100%;
    width: 90%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 1;
    transition: left 0.5s;
    text-align: left;
    overflow: scroll;


    

  }


  .popup2 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 90%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 1;
    transition: left 0.5s;
    text-align: center;
    overflow: auto;
    

  }

  .popup3 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 90%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 1;
    transition: left 0.5s;
    text-align: center;
    overflow: auto;
    

  }

  .popup::-webkit-scrollbar {
    display: none;
}

  .popup2::-webkit-scrollbar {
    display: none;
}


.close-popup{
height: 100%;
}

.close-popup2{
    height: 100%;
    }

    .close-popup3{
      height: 100%;
      }

.disclaimerClose{
    width: 100%;
    height: 5%;
    text-align:right;
    justify-content: right;
    align-items: right;
}

.disclaimerClose3{
  width: 100%;
  height: 5%;
  text-align:right;
  justify-content: right;
  align-items: right;
}

  .popup.open {
    left: 0;
    padding: 15px;
    overflow: auto;
  }

  .popup2.open {
    left: 0;
    padding: 15px;
    overflow: auto;
  }

  .popup3.open {
    left: 0;
    padding: 15px;
    overflow: auto;
  }


  .disclaimerClose2{
    width: 100%;
    height: 5%;
    text-align:right;
    justify-content: right;
    align-items: right;
}


.howToPlayUl{
  list-style-type: disc; 
  list-style-position: inside; 
  justify-content: left; 
  text-align: left;
  padding-left: 15px;
}

.howToPlay a:link{
  color:black;
}


.howToPlayLi{
  padding-top: 20px;
  padding-bottom: 20px;
}