html {
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;

    --max-content-width: 1375px;
    --header-background-color: #223a5e;
    --header-active-item-color: #f9e46a;
    --header-hover-item-color: #ebc413;
    --horizontal-padding: 30px;

    --sections-vertical-spacing: 40px;
}

@media (min-width: 1000px) {
    body {
        zoom: 0.75;
    }
}

body main {
    flex: 1;
}