/*
    LOGIN.CSS

    Description: Styles for login texts in login.html page
*/

.login__main {
    position: relative;
}

.login__container {
    width: 60%;
    z-index: 100;
}

.login__title-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.login__title-image--secondary {
    width: 10%;
    object-fit: contain;
    color: var(--color-yellow);
}

.login-code__container {
    margin-top: 20px;
}

.login__background-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
}

@media (max-width: 992px) {
    .login__container {
        width: 80%;
    }
}

@media (max-width: 640px) {
    .login__container {
        width: 90%;
    }
}

@media (max-width: 520px) {
    .login__container {
        width: 100%;
    }
}