body{
    background-color: var(--dark-color);
}

.side-left{
    background-color: var(--dark-color);
    height: 100vh;

}

.box{
    margin-top: -3%;
}

.side-right{
    background-color: var(--main-color);
    height: 100vh;
    text-align: center;
}

.icons{
    margin-top: 5%;
}

.font-degrade{
    display: inline;
    background-image: linear-gradient(90deg, rgba(88,252,213,1) 0%, rgba(244,201,107,1) 100%);
    color: black;
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: bold;
    font-size: 40px;
    -webkit-text-fill-color: transparent;

}

p{
    display: inline;
    background-image: linear-gradient(90deg, rgba(88,252,213,1) 0%, rgba(244,201,107,1) 100%);
    color: black;
    background-clip: text;
    -webkit-background-clip: text;
  
    /* Adicionado: */
    -webkit-text-fill-color: transparent;
}

i{
    font-size: 60px;
    color: var(--differential-color);
}

.color-2{
    color: var(--light-color)
}

.text{
    font-weight: bold;
    font-size: 20px;
}

.box{
    padding: 10%;
}

label{
    margin-top: 20px;
}

.input-css{
    border: none;
    background-color: var(--main-color) !important;
    width: 100%;
    padding: 15px;
    border: 1px solid #293958;
    border-radius: 5px;
    color: white;
    transition: 0.3s;
}

.input-css:hover{
    border: 1px solid var(--differential-color);
}

.input-css:disabled{
    color: gray;
}

.input-css:hover:disabled{
    border: 1px solid #293958;
}


.input-css::focus{
    border: 1px solid var(--differential-color);
}

.input-css:placeholder-shown{
    background-color: var(--main-color) !important;
}

.btn-logar{
    border: none;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    background-color: var(--differential-color);
    font-size: 20px;
    border-radius: 5px;
}

.btn-default{
    border: none;
    background-color: var(--differential-color);
    font-size: 20px;
    border-radius: 5px;
}

.f-15-btn{
    font-size: 15px;
}



.centralizar{
    text-align: center;
}
.text-black{
    color:black;
}

.btn-cadastro{
    text-align: center;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: var(--differential-color);
    border: 1px solid var(--differential-color);
    width: 100%;
    border-radius: 5px;    
    background-color: transparent;
}

.btn-outline-verde{
    text-align: center;
    color: var(--differential-color);
    border: 1px solid var(--differential-color);
    border-radius: 5px;    
    background-color: transparent;
}

.btn-outline-verde:hover{
    text-decoration: none;
    color: white;
    
}

.btn-cadastro:hover{
    text-decoration: none;
    color: var(--differential-color);
    
}

.esqueci{
    color:white;
    text-decoration:underline;
    float: right;
}

.esqueci:hover{
    color:var(--light-color);
    text-decoration:underline;
    float: right;
}


footer{
    background-color: white;
    display: block;
}

@media (max-width: 767px) {
    .side-right{
        background-color: white;
        display: none;
    }


    .img-perfil{
        width: 100% !important;
    }

    

}