: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;
}
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;
    
}
h1{
    /* background-color: green; */
    text-align: center;

}
a{
    text-decoration: none;
    font-size: 2vw;
}
@media only screen and (min-width: 900px){
    *{
        font-size: large;
    }
    h1{
        font-size: 60px;  
        margin: 10px;
    }
}