nav {
    width: 100vw;
    background-color: rgb(20, 20, 20);
    padding: 15px 200px 15px 200px;
}

#navcontent {
    max-width: 2140px;
    margin: auto;
    width: 100%;
    display: flex;
}

#navcontent a {
    text-decoration: none;
}

#navtitle {
    font-size: 25px;
    display: flex;
    align-items: center; 
    justify-content: center;
    cursor: pointer;
}

#navtitle img {
    height: 25px;
}

#navbuttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

.navbutton {
    font-size: 22px;
    margin-left: 45px;
    transition: transform 0.3s ease, color 0.3s ease; 
    cursor: pointer;
}

.navbutton:hover {
    transform: scale(1.1); 
    text-shadow: 0 0 5px black;
}

@media (max-width: 1000px) {
    nav {
        padding: 15px 50px 15px 50px;
    }
}

@media (max-width: 400px) {
    nav {
        padding: 15px 20px 15px 20px;
    }
}