table {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    border: 2px solid black;
    width: 100%;
}


thead th {
    border: 2px solid black;     
    background-color: #d4e9d4;    
    padding: 8px;
    border-radius: 8px 8px 0 0; 
    text-align: center;
    vertical-align: middle;
}
.th {
    width: 300px;
}
 
.klo{
 height: 80px;
}

.klo1{
 height: 20px;
}

tbody td {
    border: 2px solid red;      
    background-color: white;     
    padding: 8px;
    border-radius: 50%;          
    text-align: center;
    vertical-align: middle;
    transition: background-color 0.3s ease;
}


.aihe:hover {
    background-color: #4287f5; 
}


th, td {
    text-align: center;
    vertical-align: middle;
}


.aihe {
    background-color: lightblue;
    border-radius: 50%; 
}