#schedule {
    border-collapse: unset;
    border: black;
}

#schedule td {
    width: 8em;
    padding: .5em;
    margin: unset;
    border: unset;
    border-spacing: 2px;
}

#schedule th {
    background: unset;
    text-align: center;
}

.table td {
    vertical-align: middle;
}

.time {
    vertical-align: middle;
    text-align: right;
    font-weight: 600;
}

.half-hour {
    height: 2em;
    text-align: center;
    vertical-align: middle;
    border: 1px white solid;
}

.hour {
    height: 4em;
    text-align: center;
    vertical-align: middle;
    border: 1px white solid;
}

.hour-and-half {
    height: 6em;
    text-align: center;
    vertical-align: middle;
    border: 1px white solid;
}

.lecturetime {
    background: #2980B9;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    font-size: 1.4rem;
    color: #C4152D;
    font-weight: 700;
    font-style: italic;
}

.none {
    background: repeating-linear-gradient(45deg, #EFEFEF, #EFEFEF 10px, #FFFFFF 10px, #FFFFFF 20px);
}

.one { 
    background-color: #E21834;
    color: white;
}

.two {
    background-color: #C4152D;
    color: white;
}

.three,
.four {
    background-color: #A30B20;
    color: white;
}

#key {
    margin: auto;
}

#key td {
    width: 8em;
    border: unset;
    border: 3px solid rgb(199, 192, 192);
    margin: unset;
    border-spacing: 0px !important;
    margin: 0px;
}

#key th {
    border: unset;
    border: 3px solid #BBBBBB;
    margin: unset;
    border-spacing: 0px !important;
    margin: 0px;
    background-color: #FFFFFF;
}

th {
    text-align: center;
}