/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

@import url('0-base.css');
@import url('0-font-stagma.css');
@import url('1-welcome.css');
@import url('2-page.css');
@import url('3-stagma-why.css');
@import url('4-page-secondary.css');
@import url('5-page-cloud.css');
@import url('6-page-concepts.css');
@import url('7-page-inscription.css');

.button-zone {
    position: fixed;
    right: 18px;
    bottom: 18px;
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px;
    z-index: 101;
}


.button-hidden {
    display: none !important;
}

a.demo-button {
    display: flex;
    flex-direction: column;
    outline: 0;
    border: 0;
    background: var(--secondary);
    color: white;
    padding: 10px 15px;
    border-radius: 200px;
    max-width: 200px;
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    animation-name: zoomInUp;
    animation-delay: 4s;
    animation-duration: 2s;
    animation-fill-mode: both;
    opacity: 0.5;
}

a.demo-button span {
    font-size: 0.8em;
}

a.demo-button:hover, .page-inscription-footer a.demo-button:focus {
    background: var(--primary);
    opacity: 1;
}

a.button-go-next {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    outline: 0;
    border: 0;
    background: var(--secondary);
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 200px;
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

a.button-go-next:hover, a.button-go-next:focus {
    background: var(--primary);
}