html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin:0;
  }
  
  .wrapper {
    background: #00334d;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif;
    
  }
  
  button {
    height: 100px;
    width: 100px;
    font-size: 48px;
    border-radius: 10px;
    cursor: pointer;
    gap: 20px;
    background: #24232b4d;
    border: none;
    margin: 20px;
    box-shadow: 0.7rem 1rem 1rem rgba(0, 0, 0, 0.348);
    transition: 0.3s;

    
  }

  button:hover {

    background: #0346944d;
    box-shadow: 0.8rem 1.2rem 1rem rgb(0, 40, 59);
    transform: perspective(200px) translate3D(10px, 15px, 30px) rotate(0deg);

  }

  .button {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  
  .resultContainer {
    font-size: 2rem;
    text-align: center;
    margin-top: 20px;
  }
  
  #endGameButton {

    background: #ffffff;
    font-size: 19px;
    font-weight: 900;
    color: #7e7e7e;
  }

  
  #endGameButton:hover {

    background: #eaeff2;
    color: rgb(207, 0, 0);
    transform: perspective(200px) translate3D(5px, 8px, 30px) rotate(0deg);
  }


  #playerscore {

    color: rgb(255, 255, 255);
    font-size: 50px;
    padding: 7px 30px;
    background: #0271ba4a;
    font-weight: 700;
    border-radius: 50px;
    margin: 20px;
  }
  
  #hands {

    color: rgb(152, 172, 188);
    font-size: 35px;
    border-radius: 50px;
    margin: 20px;
    font-weight: 510;

  }