.first__section {
    margin-block-start: calc( var(--header-h-medium) + var(--space-tiny));
}

header {
    background-color: var(--dark-accent) !important;
}

main {
    min-height: 100svh;
}

body > * {
    color: white;
}

.about {
    padding: 5rem;
    margin-block: 5rem;
    background-color: var(--light-accent);
}

.about__wrapper {
    background-color: var(--light-accent);
}

    .about__wrapper p {
        margin-inline-start: 0.5ch;
        font-size: clamp(0.75rem, 0.641vw + 0.6rem, 1.625rem);
    }

h1, h2 {
    margin-block-end: 1ch;
    font-size: 2rem;
}
@media (max-width: 500px) {
    .about {
        padding: 5rem 2rem;
        margin-block: 5rem;
        background-color: var(--light-accent);
    }
    
}

@media (min-width: 2000px) {
    .about__wrapper {
        background-color: white;
    }

    .about {
        padding: 5rem;
        padding-inline: 15rem;
        margin-block: 6rem;
        background-color: var(--light-accent);
        border-radius: var(--border-radius);
    }
}