body {
    color: white
}

h1 {

    font-size: 2rem !important;
}

section {
    padding: 2% 10% !important;
}

.navwrapper {
    display: flex;
    align-items: center;
    padding: .5em 4%;

}
.navwrapper ul {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 5%;
    flex-wrap: nowrap;
    flex-basis: 40%

}



h2, p {
    color:white;
}

.navwrapper a {

    text-decoration: none;
    color: white;
}

.navwrapper a:hover {
    color: rgba(250,250,250,.7)
}


@media (max-width: 587px) {

    .navwrapper ul {
        flex-basis: 100%;
    }

    section {
       padding: 1% 5% !important;
    }
}