nav {
    height: 32px;
    border: 1px black solid;
    z-index: 10;
    background-color: grey;
    font-size: 16px;
    line-height: 32px;
}

nav a {
    margin: 0 2.5%;
}

main {
    margin: 0 5%;
}

#infectedMap {
    width: 100%;
    height: 50%;
}

.section {
    border: 1px dashed black;
    margin: 50px 0;
}

.colorbar {
    height: 25px;
    width: 100%;
    border: 2px solid black;
    background: linear-gradient( 45deg, white, red )
}

.left {
    float: left;
}

.right {
    float: right;
}

.colorbar-text {
    font-size: 2em;
}

.tableContainer {
    width: 100%;
    overflow-x: scroll;
    box-shadow: inset -25px 0 50px -35px rgba(0, 0, 0, 1);
}