table {
    border: 2px solid black;
    width: 80%;
    border-collapse: collapse; 
    margin: 20px auto;
    border-radius: 10px; 
    overflow: hidden; 
}


th {
    border: 2px solid black;
    background-color: #d9f2d9; 
    
    text-align: center; 
    vertical-align: middle; 
    border-radius: 10px 10px 0 0; 
}


td {
    border: 2px solid red;
    background-color: white; 
    
    text-align: center; 
    vertical-align: middle; 
    border-radius: 50%; 
    width: 100px;
    height: 100px;
}


td:hover {
    background-color: #c8f7c5; 
}


th:hover {
    background-color: #d9f2d9; 
}