#mainBox {
    display: table;
    clear: both;
}

.header {
    margin-left: 8.5%;
    padding-bottom: 2.5px;
    width: 905px;
}

a {
    text-decoration: none;
}

a:link, a:visited, a:focus {
    color: black;
}

.title {
    font-size: 1.5em;
}

.background {
    margin-left: 25px;
    margin-bottom: 10px;

    width: 725px;
    height: 40px;

    font-size: 1.75em;

    border: 1.5px black solid;
    border-radius: 5px;
}

.nav-links {
    list-style-type: none;
    display: flex;
    justify-content: center;

    padding: 0;
    margin: 0;
    margin-left: 125px;
    margin-top: 10px;

    font-size: 80%;
}

.nav-links li {
    flex-basis: calc(25% - 20px);
}

.nav-links li img {
    width: 35px;
    height: 35px;
}

#archive {
    text-decoration: line-through
}

.bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000000;
}

.cyan {
    background: #00ffff;
}

.magenta {
    background: #ff00ff;
}

.yellow {
    background: #ffff00;
}