html {
    font-family: var(--font-family);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-bg);
}

main {
    padding-top: var(--menu-height);
    overflow-x: hidden;
}

section {
    width: 100%;
    min-height: var(--section-min-height);

    display: flex;
    justify-content: center;
    align-items: center;
}

:where(section) h2 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-xl);
    letter-spacing: 0.04em;
    text-align: center;
}