.school-details{
    overflow: scroll;
    padding: 5px;
}
.school-details table{
    border: 1px solid #333;
    border-collapse: collapse;
    margin: auto;
}
.school-details table td{
    border: 1px solid #333;
    padding: 5px 10px;
}
.school-details table td a{
    background: var(--primary-text);
    padding: 5px 10px;
    display: block;   
}

.school-details table td a:hover{
    background-color: var(--primary);
    color: var(--primary-text);
}