@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url("./nav-bar.css");
@import url("./page.css");
@import url("./list_task_user_style.css");
@import url("./snackbar.css");
@import url("./add_components_task.css");
@import url("./ads.css");

:root {
    --cor-navbar: #CDCDCD;
    --input: #eeeeee;
    --cor-backgroud: #FFFFFF;
    --cor-texto-and-icons: #1C1B1F;
    --laranja: #EF7201;
    --azul: #26A7FF;
    --tjs-blue: #4593C8;
    --active: #EBEBEB;
    --logout: #DFDFDF;
    --vermelho: #FF0000;
    --degrade-cima-baixo: linear-gradient(180deg, #FFF 0%, #FFF 62.5%, rgba(255, 255, 255, 0.00) 100%);
    --degrade-baixo-cima: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 34.9%, #FFF 100%);
    --fonte-principal: 'Inter', sans-serif;
}

body {
    width: 100%;
    font-family: var(--fonte-principal);
    font-size: 16px;
    font-weight: 400;
    background-color: var(--cor-de-fundo);
    overflow-x: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: scroll;
    }
}