html, body {
    height: 100%;
    background-color: #004996;
    margin: 0;
    height: 100vh;
    background: linear-gradient(to bottom, #000003,#000316, #0f1644, #2e4384, #6488c0, #9dc7f1);
    background-repeat: no-repeat;
    background-size: cover;
}

a {
    text-decoration: none;
}

.container {
    /*min-height: calc(100% - 62px);*/
}

.gradient-border {
    padding: 4px; /* grosor del borde */
    border-radius: 45px;
    background: linear-gradient(#40669c, #00cfff, #cceeff);
    display: inline-block;
    max-width: 500px;
    margin: auto;
}

#card-form {


    background: linear-gradient(to bottom, #221f63, #4c5393, #93a7d0, #a4c3df, #b3d2ee);
    border-radius: 45px; /* un poco menos para encajar dentro del borde */
    padding: 2rem;
    color: white;
    min-width: 300px;
}

.form-text-color{
    color: #004996;
}
#forgot-password{
    margin-top: 30px;
    color: #004996;
    text-decoration: none !important;
    display: block;
}
#forgot-password a:hover {
    color: #FFF;
}
.form-group label{
    color: #004996;
}
#logo-login{
    margin: 30px auto 70px;
    display: block;
    max-width: 75%;
}
.items-center{
    text-align: center;
}

.form-title{
    color: #004996;
    text-align: center;
}
.login-container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-login{
    border: solid 3px #ccc;
    background: #5688c3;
    padding-left: 55px;
    border-radius: 15px;
}

.input-form{
    border: solid 3px #ccc;
    background: #5688c3;
    border-radius: 15px;
}

.icon-loign-email{
    font-size: 22px;
    position: absolute;
    top: 4px;
    left: 12px;
    padding-right: 10px;
    border-right: solid 2px #ccc;
}

.icon-loign-password{
    font-size: 22px;
    position: absolute;
    top: 4px;
    left: 14px;
    padding-right: 11px;
    border-right: solid 2px #ccc;
}

.group-login{
    position: relative;
}

.group-login:focus-within .icon-loign-email i, .group-login:focus-within .icon-loign-password i {
    color: #5688c3;
}
.group-login:focus-within .icon-loign-email, .group-login:focus-within .icon-loign-password {
    border-right: solid 2px #5688c3;
}
.btn-iniciar, .btn-enviar{
    border: solid 3px #ccc;
    border-radius: 15px;
}

.luna-circular {
    width: 99px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0 0 50px white;
    position: relative;
}

.luna-circular img {
    width: 115px;
    height: 142%;
    object-fit: cover;
    top: -18px;
    left: -11px;
    position: absolute;

}


@media (max-width: 600px){
    .login-container{
        display: block;
        max-width: 95%;
    }
    #logo-login{
        max-width: 100%;
    }
}

/*.mover-img {
    width: 100px;
    position: absolute;
    top: 50px;
    left: 100%;
    animation: moverIzquierda 60s linear infinite;
}

@keyframes moverIzquierda {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100vw);
    }
}*/