:root {
    --header-height: 100px;
    --header-background: transparent;
    --header-text-color: #07393C;
    --header-text-color-active: #FDF0D5;
    --header-logo-text-color: #FDF0D5;

    --hero-text-color: #fff;
    --hero-title-text-size: 4.5rem;
    --hero-welcome-text-size: 1.2rem;
    --hero-extra-text-size: 1.2rem;
    --hero-cta-btn-text-color: #fff;
    --hero-cta-btn-border-color: #fff;
    --hero-cta-btn-bg-color: transparent;
    --hero-cta-btn-text-color-active: #000;
    --hero-cta-btn-border-color-active: #FDF0D5;
    --hero-cta-btn-bg-color-active: #FDF0D5;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    scroll-behavior: smooth;
}

main {
    width: 100%;
}

.content {
    height: 2000px;
}