.nav 
{
    height: 10vh;
    width: 100vw;

    position: sticky;
    top: 0;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1%;

    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
}

.nav-button 
{
    width: 18%;
    height: 50%;

    border-radius: 4px;
    border-style: none;
    background-color: transparent;
    
    transition: color 0.18s, background-color 0.18s;
}

.nav-button:hover
{
    color: black;
    background-color: #9575CD;
    cursor: pointer;
}