:root{
    --myBlack: #000000;
    --Grey: #232323;
    --HighLight: #454545;
    --PHGold: #ffae34;
}
*{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 5vw;
    color: var(--PHGold);
}
body{
    background-color: black;
    min-width: 300px;
}
#Holder{
    display: grid;
    grid-template-columns:1fr 7fr 1fr;
    grid-template-rows: 1fr,20fr;
    font-size: xx-large;
}
#Title{
    grid-column-start: 2;
    width: 100%;
    text-align: center;
}
#tblClasses{
    grid-row: 2;
    grid-column: 2;
    /* background-color: green; */
    text-align: center;
}
td{
    padding: 5px;
    border-bottom:2px solid var(--PHGold);
    border-collapse: collapse;
    font-size: 2vw;
}
th{
    font-size: 3vw;
}
tr{

    text-align: center;
}
table{
    
    width: 100%;
    border-bottom:2px solid var(--PHGold);
    border-collapse: collapse;
}
tr:hover{
    background-color: grey;
    
}
a{
    text-decoration: none;
}
@media only screen and (min-width: 900px){
    td{
        font-size: xx-large;
    }
    a{
        font-size: xx-large;
    }
}