.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    background: linear-gradient(rgb(211 203 141 / 44%), rgb(207 117 96 / 60%)),url('images/moh30.png');
    background-position: center;
    background-repeat: no-repeat;
}

.login-box {
    background: #fefefe;
    width: 100%;
    max-width: 450px;
    min-width: 350px;
    border: 0;
    border-radius: 5px;
    box-shadow: 2px 2px 15px;
    padding: 40px;
    text-align: center;
}

    .login-box img {
        height: 200px;
    }

    .login-box h2 {
        font-size: 19px;
    }

    .login-box .text-left {
        text-align: left;
    }

    .login-box p {
        text-align: left;
    }

        .login-box p a {
            text-decoration: none;
        }

    .login-box button {
        background-color: #d6462d;
        color: white;
    }

        .login-box button:hover {
            background-color: #b14a37;
        }

    .login-box .footer {
        text-align: center;
        margin-top: 20px;
    }

        .login-box .footer p {
            text-align: center;
            color: #999;
            font-size: 13px;
            margin: 10px 0 0 0;
        }

@keyframes lifeline {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}

.life-line {
    height: 100%;
    background: linear-gradient(to right, #919feb 0%, #50c9b5 50%, transparent 50%, transparent 100%);
    background-size: 200% 100%;
    animation: lifeline 5s linear alternate-reverse infinite;
}