body{
background-color: black;
 }
 h1{
     color:white;
     text-align: center;
 }

  div.playerArea {
      position: absolute;
      top: 100px;
      height: 320px;
      width: 300px;

      background-color:red;
      border: 3px solid white;
      padding: 0 1em;
      border-radius:20px;
  }

  div#human {
      left: 100px;
      text-align:center;
  }

  div#computer {
      right: 100px;
      text-align:center;
  }

  div#roll {
      position: absolute;
      top: 450px;
      left: 100px;
      right: 100px;
      height: 100px;
      background-color: blue;
      border: 3px solid white;
      border-radius: 25px;

  }

  div#roll:hover {
      background-color: darkred;
  }

  div#roll a
  {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 100%;
      color: red;
      text-align: center;
      font-size: 90px;
      text-decoration: none;
  }

  div#roll a:hover
  {
      color: pink;
  }

  div#stand
  {
      position:absolute;
      top: 600px;
      left: 100px;
      right: 100px;
      height: 100px;
      background-color:blue;
      border: 3px solid white;
      border-radius: 25px;

  }

  div#stand:hover {
      background-color:darkred;
  }

  div#stand a {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 100%;
      color: red;
      text-align: center;
      font-size: 90px;
      text-decoration: none;
  }

  div#stand a:hover {
      color: pink;
  }

  p.total {
      margin: 10px;
      font-weight: bold;  
      font-size: 8em;
      text-align: center;
  }

  p.winner {
      color: purple;
  }

  p.loser {
      color: blue;
  }