*{
    margin: 0px;
    padding: 0px;
    background-color: rgb(106, 175, 255);

}
div{
    
    border-radius: 10px;
    padding-top: 10px;
    width: 100%;
    height: 70px;
    background-color: red;
    text-align: center;
    font-size: 40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
    word-spacing: 2px;
    color: yellow;
    transition: 0.7s;
    text-shadow: 2px 2px 10px gray;
}
div:hover{
 box-shadow: 0px 5px 10px rgb(0, 0, 0);
    background-color: rgba(255, 255, 0, 0.927);
    color: red;
}
table{
    
    border-spacing: 0px;
    empty-cells: hide;
    margin-bottom: 40px;
}
.one{
margin-top: 4%;
width: 75%;
margin-left: 12.5%;
 
}
.two{
    width: 58%;
    margin-left: 21%;
}

td{
    background-color: rgb(60, 255, 0);
    border-radius: 8px;
    border: 1px solid black;
    width: 50px;
    height: 50px;
    text-align: center;
      transition: background-color 0.7s ease;

}
.second{
    background-color: rgb(251, 255, 0);
      transition: background-color 0.7s ease;
}
td:hover {
    box-shadow: 0px 0px 5px red;
  background-color: gold;
  
}
.second:hover{
      background-color: rgb(60, 255, 0);
}