:root{--bg-color: #f7f7f7}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);font-family:Helvetica,sans-serif;display:flex;height:100vh;width:100vw;overflow:hidden}.login--area{display:grid;width:100%;height:100%;grid-template-areas:"bg bg login";grid-template-rows:100%;grid-template-columns:1fr 1fr 400px}.login-bg{grid-area:bg;display:flex;height:100%;background-image:url(/images/bg2.jpg);background-repeat:no-repeat;background-size:cover;filter:#000}.login-form{grid-area:login;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.logo--area{display:flex;height:150px;width:300px;align-items:center;justify-content:center}.logo--area img{height:130px;width:auto}.form--area{margin-top:20px;display:flex;flex-direction:column;height:auto;width:300px;align-items:center;justify-content:center}.form--area label{font-size:14px;color:#555;align-self:flex-start;margin-bottom:5px}.inline{display:flex;width:100%;align-items:center;justify-content:space-between}.inline a{font-size:14px;color:#555}.input-control{display:flex;width:300px;height:40px;outline:0;border:1px solid #c7c7c7;padding:10px 5px}.btn-login{display:flex;height:40px;width:100px;align-items:center;justify-content:center;align-self:flex-end;margin-top:10px;background-color:#555;color:#f7f7f7;border:0;cursor:pointer}.mt-10{margin-top:10px}