#loginContainer{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

#loginContainer .left,
#loginContainer .right{
    height: 100%;
    width: 50%;
    float: left;
    overflow: hidden;
}

/* Left */

#loginContainer .left img{
    width: 500px;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
}

/* Right */

/** RIGHT **/

#loginContainer .right{
    background-color: var(--background-color4);
    padding-left: 10%;
    padding-right: 10%;
}
#loginContainer h1,
#loginContainer label{
    color: var(--color4);
}

#loginContainer .right form{
    position: relative;
    top: 50%;
    transform: translate(-0%, -50%);
}
#loginContainer .right form h1{    
    margin-bottom: 40px;
    text-align: center;
}
#loginContainer .right form label,
#loginContainer .right form input{
    display: block;
    width:100%;
}
#loginContainer .right form label{
    font-size:18px;    
    margin-bottom: 5px;
}
#loginContainer .right form input[type="text"],
#loginContainer .right form input[type="password"],
#loginContainer .right form input[type="submit"]{   
    margin-bottom: 40px;   
}

#loginContainer .right form input[type="submit"]{
}