.left-main-container{
    height:100%;
}

.right-main-container{
height:100%;
padding-top: 4.5em;
}

/*Mobile Login Display*/
@media (max-width: 768px) {
    .right-main-container{
        display: none;
    }
}
/*End Mobile Login Display*/

.login-image-container{
width:26em;
height: 31em;
border-radius: 18px;
background-size:cover;
background-repeat: no-repeat;
background-image: url("../src/images/desktop/desktop-classroom-background.jpg");
}

#login-image-effect{
width: 26em;
height: 31em;
background-color: rgba(0,0,0,0.5);
border-radius: 18px;
}

#login-image-footer{
width: 26em;
height:12em;
background-color: rgba(110, 106, 106, 0.2);
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
padding:1.2em;
}

.login-img-footer-text{
color: white; 
text-align:left;
}

.verse{
    font-family:  "Poppins", sans-serif, Arial, Helvetica;
    font-weight: 300;
}

.reference{
    font-family:  "Poppins", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#login-form-container{
padding-left: 12%;
padding-right: 12%;
text-align: left;
}

#login-button{
width: 100%;
}

.text-field-label a{
    text-decoration: none;
    color:#3577D1;
}

.text-field-label a:hover{
    color:#8BB1E4;
}

span a{
    color:#0355C5;
}

span a:hover{
    color:#8BB1E4;
}