@import url('https://fonts.googleapis.com/css2?family=Reggae+One&display=swap');


body{
  font-family: 'Courier New', Courier, monospace;
  background: #1abc9c;
  background-image: linear-gradient(to top left, #9b59b6, #1abc9c);
  text-align: center;
  min-height: 95.5vh;
    
}

#heading{
    margin:30px auto;
    text-align: center;
    font-size:60px;
    color: rgb(5, 5, 5);
    font-weight: bold;
    font-family: 'Reggae One', cursive;
   
       
}
#container{
width: 400px;
height: 399px;
margin: 0 auto;
text-align: center;

}
.button{

border-radius: 15px;
background-color:rgb(216, 212, 212);
border-color:rgb(7, 7, 7);
cursor: pointer;
margin-bottom: 3px;
width: 100px;
height:100px;
font-family: 'Reggae One', cursive;
font-size: 25px;
font-weight: bold;
color:rgb(216, 212, 212);
outline: none; 
/* outline: none; elimina il bordo nella selezione del pulsante */

}
.button:hover{
    border-radius: 15px;
    background-color:rgb(190, 189, 189);
    color:rgb(190, 189, 189);
}

.button.active{
    color:red;
}

#resetBtn{
     
      border: none;
      color: white;
      padding: 14px 22px;
      text-align: center;
      font-size: 25px;
      transition-duration: 0.4s;
      cursor: pointer;
      background-color: white; 
      color: red; 
      border: 2px solid #008CBA;
      /* display: none; */
      font-family: 'Reggae One', cursive;
      
}
#resetBtn:hover {
      background-color: #008CBA;
      color: white;
    }

#reset_cont{
/* float: left;     */
margin: 10px 105px;
text-align: center;
}