*, :after, :before {
    font-size: 100%;
    box-sizing: border-box;
    border: 0 solid #d9d9e3;
    font-family: 'Philosopher', sans-serif;
}

.space{
    height: 7px;
}
            
.corpo {
  height: 80%;
  margin-top:20px;
}

.area{
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
            
.logo{
    display: block;
    text-align: center;
}
            
.login{
    height: 160px;
    padding-bottom: 20px;
}
    
.login2{
    height: 90px;
    padding-bottom: 20px;
    margin-top: 40px;
}

.msg{
    text-align: center;
    font-size: 13px;
    margin-top: 20px;
    color: #ff795d;
}

.msg_circle, :before{
    text-decoration: none;
    color: #6f6fff;
    font-weight: bold;
    font-family: inherit;
}
            
.text_center{
    font-family: 'Permanent Marker', cursive;
    font-size: 30px;
    text-align: center;
    font-weight: 300;
    margin: 0;
    }
            
.g-recaptcha, .botao, .a_botao{
    text-decoration: none; 
    margin: 3px;
    width: 44%;
    color: #FFFFFF;
    background-color: #095075;
    justify-content: center;
    border-radius: 0.375rem;
    align-items: center;
    height: 3rem;
    display: flex;
    position: relative;
    cursor: pointer;
    max-width: 300px;
}

.home{
    border-radius: 90px;
    height: 30%;
    text-align: center;
    display: block;
}

.texto_botao{
    font-weight: 100;
}

.p_center{
    display: list-item;
    margin-top: 5px;
    font-size: 36px;
}

.texto_link{
    color: #000000;
    text-decoration: none;
    font-size: 100%;
}

.alert{
    margin-top: 20px;
    text-align: center;
    color: rgba(255,0,0,0.5);
}

.eye{
    height:2.4%;
    cursor:pointer;
    position:absolute;
    margin-left: 11vw;
}

@media(max-width: 1500px){
    .eye{
        margin-left: 12vw;
    }
}

@media(max-width: 1300px){
    .eye{
        margin-left: 14vw;
    }
}

@media(max-width: 1100px){
    .eye{
        margin-left: 16vw;
    }
}

@media(max-width: 950px){
    .eye{
        margin-left: 18vw;
    }
}

@media(max-width: 850px){
    .eye{
        margin-left: 20vw;
    }
}

@media(max-width: 750px){
    .eye{
        margin-left: 25vw;
    }
}

@media(max-width: 550px){
    .eye{
        margin-left: 35vw;
    }
}

@media(max-width: 500px){
    .botao, .a_botao{
        width: 60%;
    }
}

@media(max-width: 450px){
    .eye{
        margin-left: 45vw;
    }
}

@media(max-width: 380px){
    .botao, .a_botao{
        width: 70%;
    }
    
    .texto_link{
        font-size: 80%;
    }
    
    .eye{
        margin-left: 50vw;
    }
}

@media(max-width: 250px){
    .eye{
        margin-left: 65vw;
    }
}