nav {
    position: fixed;
    top: 0%;
    width: 100%;
    background-color: var(--color1);
}
.nav-items {
    display: flex;
    justify-content: space-between;
    padding: 2% 2% 1% 2%;
    flex-direction: row;
}

.home, .nav-button {
    color: white;
}
.home{
    font-size: x-large;
}
.nav-button {
    padding-left: 1em;
}

@media (max-width: 600px) {
    .nav-items {
        flex-direction: column;
        align-items: center;
    }
    .nav-button {
        padding: 0% 1em;
    }
    .nav-buttons {
        justify-content: space-evenly;
        padding-top: 1em;
    }
}