nav {
    margin-bottom: 30px;
    user-select: none;
}

ul {
    display: flex;
    align-self: start;
    list-style-type: none;
    padding-left: 0;
}

li {
    margin-right: 10px;
}

nav a {
    font-size: 18px;
}

#theme-switcher-button:hover {
    cursor: pointer;
}

@media (max-width: 500px) {
    nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    nav ul li {
        padding: 0.2rem;
    }
}