/**** View: Login ****/

.login .container-wrap .container img{
   /* width: 400px;
    margin-top: 10%;
    */
}

.login .container-wrap .container .falso-form{
    display: flex;
    width: 100%;
    max-width:400px;
}

.login .container .falso-form .input-group{
    justify-content: space-between;
    width: 400px;
}
.login .container .falso-form .input-group label{
    flex: 0 0 100px;
    text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
    text-align: right;
}
.login .container .falso-form .input-group input{
    flex: 1 0 auto;
}
.login .container .falso-form a{
    font-family: 'Tangerine-Regular';
    color:#e3b154;
    font-size:32px;
    margin: 16px 0 0;
    padding: 0 0 0 100px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
    
}
#btn-olvido{
    font-family: 'Tangerine-Regular';
    color:#e3b154;
    font-size:32px;
    margin: 16px 0 0;
    padding: 0 0 0 100px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
    background-color: #ffe4c400;
    border: 0px;
}
.login .container .falso-form .btn{
    margin-top:32px;
}

.olvidar_pass{
    font-family: 'Tangerine-Regular';
    color:#e3b154;
    font-size:32px;
    margin: 16px 0 0;
    padding: 0 0 0 100px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
    
}
.login_pass {
    justify-content: space-between;
    width: 100%;
}

.login_label {
    flex: 0 0 100px;
text-shadow: 0 1px 3px #000, 1px 0 2px #000, 1px 0 3px #000;
text-align: right;
}
.login_input{
    flex: 1 0 auto;
}
.reducir{
    opacity: 0;
    transform: scale(0.9);
    animation: 4s title_out 4s ;
}
@keyframes title_out{
    0%{
        transform: scale(1);
    }
    70%{
    }
    100%{
        transform: scale(0.6);
    }
}