@import url(styles/header.css);
@import url(styles/main.css);
@import url(styles/box.css);
@import url(styles/footer.css);

@font-face {
    font-family: 'Area Thin';
    src: url('./src/fonts/area_normal_thin-webfont.woff2') format('woff2'),
         url('./src/fonts/area_normal_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Area Regular';
    src: url('./src/fonts/area_normal_regular-webfont.woff2') format('woff2'),
         url('./src/fonts/area_normal_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Area Semibold';
    src: url('./src/fonts/area_normal_sembold-webfont.woff2') format('woff2'),
         url('./src/fonts/area_normal_sembold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Area Bold';
    src: url('./src/fonts/area_normal_bold-webfont.woff2') format('woff2'),
         url('./src/fonts/area_normal_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


:root{
    --cor-de-fundo: #E5E5E5;
    --branco: #FFFFFF;
    --verde: #0D8A38;
    --cinza: #ECECEB;
    --laranja: #EA8238;
    --verde-botao-box: #006B29;
    --preto-fonte-box: #1E1E1E;
}

*{
    font-family: Area Regular;
    font-weight: 700;
    font-size: 1rem; 
}

body{
    background-color: var(--cor-de-fundo);
}

a {
    text-decoration: none;
}