@font-face {
    font-family: 'Font-TemaAno-2023';
    src: url('../fonts/Bungee-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v16/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/*
Cor Predominante
 */
.btn_main{
    background: var(--colorMainGradient) !important;
    text-shadow: 1px 1px var(--colorMain) !important;
    color: #FFFFFF;
}
.btn_main:hover{background: var(--colorMainHover) !important;}

.bg_main{
    background: var(--colorMainGradient) !important;
}

.color_main{
    color: var(--colorMain) !important;
}

/*
Cor Secundária
 */
.btn_secondary{
    background: var(--colorSecondaryGradient) !important;
    text-shadow: 1px 1px var(--colorSecondary) !important;
    color: #FFFFFF;
}
.btn_secondary:hover{background: var(--colorSecondaryHover) !important;}

.bg_secondary{
    background: var(--colorSecondaryGradient) !important;
}

.color_secondary{
    color: var(--colorSecondary) !important;
}

/*
Cor Auxiliar
 */
.btn_aux{
    background: var(--colorAuxGradient) !important;
    text-shadow: 1px 1px var(--colorAux) !important;
    color: #FFFFFF;
}
.btn_aux:hover{background: var(--colorAuxHover) !important;}

.bg_aux{
    background: var(--colorAuxGradient) !important;
}
.color_aux{
    color: var(--colorAux) !important;
}

.btn_round {
    border-radius: 50%; /* Deixa o botão com bordas arredondadas */
    width: 40px; /* Define a largura do botão */
    height: 40px; /* Define a altura do botão */
    display: flex;
    justify-content: center;
    align-items: center;
}

.htmlchars {
    /*padding: 30px 0 !important;*/
}