 <style>

#table-container {
    margin-left:auto; 
    margin-right:auto;
}

table {
    width: 100%;
    margin: 20px auto;
    font-family:"Roboto Condensed";
}

tr {
    height:50px;
}

th, td {
    border: 1px solid #ffffff;
    padding: 5px;
    text-align: center;
}

th {
    background-color: black;
    color: white;
}

td {
    background-color: #e6f7ff;
}

.toolate td {
    background-color: #ffcccc;
}

.now td {
    background-color: #ccffcc;
}

.timetabled td {
    background-color: #f2f2f2;
}

h2 {
    text-align:center;
    font-family:"Roboto Condensed";
    font-weight: bold;
    font-size: 22pt;
}

#current-time {
    text-align:center;
    font-family:"Roboto";
}


a:link, a:visited {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: underline;
}

a:active {
    color: red;
    text-decoration: none;
}

#controls {
    text-align:center;
    font-family:"Roboto Condensed";
    font-weight: bold;
    font-size: 16pt;
}

.tab {
     Padding-left:50px;
}

</style>