@import url('/wsland/css/landing/0_animations.css');
@import url('/wsland/css/landing/0_nav.css');
@import url('/wsland/css/landing/1_hero.css');
@import url('/wsland/css/landing/2_features.css');
@import url('/wsland/css/landing/3_steps.css');
@import url('/wsland/css/landing/4_contact.css');
@import url('/wsland/css/landing/5_faq.css');
@import url('/wsland/css/landing/6_testimonials.css');
@import url('/wsland/css/landing/7_footer.css');


*::selection {
    background-color: var(--color-primary_500_8e);
    color: var(--color-white_ff);
}

.fact-container{
    padding: 0 var(--container-rl-padding);
}

.page-container{
    overflow: hidden;
}


.flotant-container{
    top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    .flotant-message{
        display: inline-block;
        position: relative;
        top: calc((var(--fs-bs) * -1) - 5vh);
        width: auto;

        font-size: var(--fs-bs);
        color: var(--thc-black);
        font-weight: var(--fw-lm);
        letter-spacing: var(--ls-lm);
        span{
            font-size: var(--fs-bs);
            color: var(--thc-black);
            font-weight: var(--fw-lm);
            letter-spacing: var(--ls-lm);
        }

        &::after{
            color: var(--color-primary_500_ff);
            font-size: var(--fs-bs);
            right: calc(var(--fs-bs) * -.2);
        }
    }
}




@media screen and (max-width:1000px){
    :root{
        --container-rl-padding: 10%;
    }
}

@media screen and (max-width:850px){
    :root{
        --container-rl-padding: 15px;
    }
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

@media screen and (max-width:850px){
    html {
        font-size: 19px;
    }
}


@media screen and (min-height:1000px){
    html {
        font-size: 22px;
    }
}