body{
    width:100%;
    height:100vh;
    background:#fff;
}

.form-login{
    border:solid 5px #ad2929;
    border-radius:12px;
    width:400px;
    height:400px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

@media (max-width:400px){
    .form-login{
        width:80%;
    }
}

.container-login{
    text-align:center;
}

.credlogin{
    border-radius:5px;
    margin-bottom:10px;
    width:80%;
    height:40px;
}

.logo-login{
    width:200px;
}

.container-logo{
    text-align:center;
}

.btn-regresar{
    color:#000;
    border:solid 1px #000;
    border-radius:5px;
    padding:4px;
    background:#d8d8d8;
}

.btn-ingresar{
    border-radius:5px;
    padding:2px 5px;
    background:#d8d8d8;
    margin-left:10%;
}

.container-login{
    width:100%;
}

.title-login{
    font-family: 'Rancho', cursive;
    text-align:center;
    margin-top:20px;
}