.login_page input{
    width: 100%;
    border-radius: 3rem;
    background-color: white;
    padding: 0.5rem 2rem 0.5rem 3rem;
    margin: 1rem auto;
    border: 2px solid rgb(207, 207, 207);
}
.login_page input::placeholder{
    color: rgb(204, 204, 204);
}
.login_page input:focus{
    outline-color: #f1684f;
}
.login_page input:focus+i {
    color: #f1684f;
}
.login_page .fa-user, .login_page .fa-lock, .icn{
    position: absolute;
    top: 1.8rem;
    left: 1.2rem;
    color: rgb(204, 204, 204);
}
.login_page a.fade_text{
    text-decoration: none;
}
.login_page a.fade_text:hover{
    color: #f1684f;
}
.login_page .login_btn{
    background: #f1684f;
    border-radius: 2rem;
    border: none;
    color: white;
    padding: 0.5rem 3rem;
}
.login_page .login_btn:hover{
    background: #ec4f33;
}
.login_page .socio{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.login_page .socio button{
    border-radius: 2rem;
    padding: 0.4rem 2rem 0.4rem 1rem;
    margin-bottom: 1rem;
}
.login_page .socio .fb_btn{
    background-color: #4267B2;
    color: white;
    border: 1px solid #4267B2;
}
.login_page .socio .ggl_btn{
    background-color: transparent;
    color: rgb(0, 0, 0);
    border: 1px solid #000000;
}
.login_page .socio .apl_btn{
    background-color: black;
    color: rgb(255, 255, 255);
    border: 1px solid #000000;
}