body{
  background-image: linear-gradient(to bottom left, rgb(254, 254, 189),rgb(254, 222, 222),rgb(219, 219, 254));
}

.container {
    width: 320px;
    height: 320px;
    margin: auto;
    margin-top: 100px;
  }

  
  .container h1{
    margin-top: 0;
    text-align: center;
    font-size: 50px;
    color: chocolate;
    text-shadow: 2px 0 3px red;
  }
  
 
  .row {
    height: 100px;
    background-color: rgb(253, 188, 102);
  }
  
  .col {
    height: 100px;
    width: 100px;
    float: left;
    font-size: 100px;
    text-align: center;
    line-height: 100px;
  }
  
  .col:hover {
      background-color: rgb(234, 231, 231);
  }
  
  .border-b {
    border-bottom: 10px solid rgb(1, 1, 96)
  }
  
  .border-r {
    border-right: 10px solid rgb(1, 1, 96);
  }
  
  .winner {
      color:rgb(4, 193, 4);
  }



  .copyright{
    margin-top: 100px;
    text-align: center;
    position: relative;
    left:11rem;
    top: 2rem;
  }

  .copyright i{
        font-size: 21px;
        text-align: center;
        color: rgb(183, 79, 5);
        text-shadow: 2px 0 1px red;
  }

  .copyright i b{
    letter-spacing: 2px;
    text-decoration: underline rgb(1, 1, 44);
  }

 
  .Refresh {
    position: absolute;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    margin: 20px;
    transform: translate(-2.2rem,-1rem);
  }