:root, :root[data-theme='dark']{
    --cor-fundo:#1C1C1C;
    --cor-fundo2:#242424;
    --cor-fundo3:#151515;

    --cor-degrade1:#0026FF;
    --cor-degrade2:#00C8FF;
    --cor-degrade3:#171F39;

    --cor-padrao:#0178FF;
    --cor-padrao-escura:#0051ad;
    
    --cor-texto-padrao:#fff;
    --cor-texto:#fff;

    --cor-scroll:#000;
}

::-webkit-scrollbar{
    background-color: var(--cor-scroll);
    width:8px;
}
::-webkit-scrollbar-thumb{
    background-color: var(--cor-padrao);
    border-radius:2em;
}
::-webkit-scrollbar-thumb:hover{
    background-color: var(--cor-padrao-escura);
}

*{
    margin: 0;
    padding: 0;
    user-select: none;
}

html {
    scroll-behavior: smooth;
}

body{
    background-color: var(--cor-fundo);
}
a{
    text-decoration: none;
}

.title{
    font: bold 2vw Arial;
    color: var(--cor-padrao);
}

.t2{
    font: bolder 1.7vw Arial;
    color: var( --cor-texto);
}

.t3{
    font: bold 1.2vw Arial;
    color: var( --cor-texto);
}

.paragraph{
    font: normal 0.85vw Arial;
    color:var(--cor-texto);
}

.paragraph-x1{
    font: normal 1vw Arial;
    color:var(--cor-texto);
}

.paragraph_bold{
    font: bold 0.8vw Arial;
    color:var(--cor-texto);
}

.paragraph_italic{
    font: italic 0.76vw Arial;
    color:var(--cor-texto);
}

.paragraph_boldx2{
    font: bold 1vw Arial;
    color:var(--cor-texto);
}

.titleW{
    font: bold 2.4vw Arial;
    color: var(--cor-texto-padrao);
}

.title_x1{
    font: bold 1.5vw Arial;
    color: var(--cor-padrao);
}

.title_x05{
    font: bold 1.8vw Arial;
    color: var(--cor-padrao);
}

@media(max-width:900px){
    .title{
        font: bold 6.5vw Arial;
    }
    
    .t2{
        font: bolder 4.5vw Arial;
    }
    
    .t3{
        font: bold 4vw Arial;
    }
    
    .paragraph{
        font: normal 4vw Arial;
    }
    
    .paragraph_bold{
        font: bold 4vw Arial;
    }
    
    .paragraph_italic{
        font: italic 3.3vw Arial;
    }
    
    .paragraph_boldx2{
        font: bold 3.8vw Arial;
    }
    
    .title_x1{
        font: bold 5vw Arial;
    }
}