@import url(./faq/faq.css);
@import url(./faq/faq-header.css);
@import url(./faq/faq-figure.css);
@import url(./faq/faq-img.css);
@import url(./faq/faq-title.css);
@import url(./faq/faq-container.css);
@import url(./faq/faq-question.css);
@import url(./faq/faq-text.css);
@import url(./faq/faq-button.css);
@import url(./faq/faq-answer.css);
@import url(linha.css);

@font-face {
    font-family: Work Sans;
    src: url(../fonts/WorkSans-VariableFont_wght.ttf);
}

:root{
    /* Colors */
    --background-color: #f9eeff;

    --white: hsl(0, 0%, 100%);

    --light-pink: hsl(275, 16%, 49%);
    --grayish-purple: hsl(292, 16%, 49%);
    --dark-purple: hsl(292, 42%, 14%);

    /* Font */
    --main-font: Work Sans;
}

body{
    /* align-items: center; */
    background-color: var(--background-color);
    background-image: url(../images/background-pattern-mobile.svg);
    background-repeat: no-repeat;
    /* display: flex; */
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 400;
    flex-wrap: wrap;
    height: 100vh;
}



@media screen and (min-width: 414px){
    body{
        background-image: url(../images/background-pattern-desktop.svg);
        font-size: 16px;
    }
}

@media screen and (min-width: 414px){
    body{
        background-image: url(../images/background-pattern-desktop.svg);
    }
}