@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


body {
    display: flex;
    background: linear-gradient(45deg, rgb(233,232,228),rgb(244,243,236));
}

#contenedor {
    width: 390px;
    height: 751px;
    border-radius: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #3A8FA0;
    overflow: hidden;
    box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.2);
}

.logo img{
    position: absolute;
    width: 335px;
    height: 285px;
    left: 33px;
    top: 104px;
}


.usuario{
    position: absolute;
    width: 264px;
    height: 42px;
    left: 64px;
    top: 400px;
    background: #FDFCFC;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
} 

.contraseña{
    position: absolute;
    width: 264px;
    height: 42px;
    left: 64px;
    top: 500px;
    background: #FDFCFC;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
} 

.olvidemicontraseña{
    position: absolute;
    width: 116px;
    height: 20px;
    left: 212px;
    top: 551px;

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;

    color: #E3F4F8;
}

.iniciarsesion{
    position: absolute;
    width: 137px;
    height: 35px;
    left: 127px;
    top: 593px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
}

.linea{
    position: absolute;
    width: 358px;
    height: 0px;
    left: 16px;
    top: 660px;
    border: 1px solid #E3F4F8;
}

.cuenta p{
    position: absolute;
    width: 185px;
    height: 21px;
    left: 102px;
    top: 677px;

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;

    color: #E3F4F8;
}

.cuenta a{
    position: absolute;
    width: 137px;
    height: 35px;
    left: 127px;
    top: 719px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
}