.login-container{ display:flex; justify-content:center; align-items:center; width:100%; height:100vh; }
.login-box{display:flex; width:600px; flex-flow:row wrap; align-items:stretch; justify-content:center; box-shadow:0px 0px 90px rgba(0,0,0,0.05);}
.login-box img{ max-width:100%;}
.login-box .welcome{ display:flex; align-items:center; justify-content:center; width:40%; padding:20px 40px; background:#ffffff;}
.login-box .login-wrap{display:flex; align-items:center; justify-content:center; width:60%; padding:40px; background:rgba(255,255,255,0.5);}
.login-box form{ float:left; width:100%; margin:0; padding:0; position:relative;}
.login-box ul{ float:left; width:100%; margin:0px; padding:0; list-style-type:none;}
.login-box li{ float:left; width:100%; margin:0 0 15px 0; padding:0;} 
.login-box li:last-child{margin-bottom:0;}

body.moderate .login-box .welcome{background:#444444;}

body.dark .login-box .login-wrap{background:rgba(255,255,255,0.1);}
body.dark .login-box .welcome{background:rgba(255,255,255,0.15);}