#title {
    font-size: 2.75vw;
    text-align: center;
}

#category-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 98vw;
    padding-bottom: .5vw;
    padding-top: .5vw;
    border-bottom: 1px solid rgb(0,134,255);
    background-color: rgb(255, 255, 255);
}

.category {
    width: 15vw;
    min-width: 12vw;
    height: 1.5vw;
    background-color: rgb(255,255,255);
    text-align: center;
    font-size: 1.1vw;
    padding-top: .5vw;
}

.category:hover {
    background-color: rgb(200,200,200);
}

.category:hover .options {
    display: block;
}

.options {
    background-color: rgb(245,245,245);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: none;
}

.options a {
    display: block;
}

.navbar-link {
    padding-top: .75vw;
    padding-bottom: .75vw;
}

.options a:hover {
    background-color: rgb(225,225,225);
}