body.login{background:#fff;margin:0;display:flex;align-items:center;justify-content:flex-start;min-height:100vh}body.login:after{content:"";position:fixed;top:0;right:0;width:60%;height:100%;background-image:url(../../images/login-background.jpg);background-size:cover;background-position:center center;z-index:0}body.login #login{position:relative;z-index:1;width:40%;margin:0;padding:40px 5%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}body.login #login h1{margin-bottom:2rem}body.login #login h1 a{width:200px;height:60px;background-size:contain;background-position:center;background-repeat:no-repeat}body.login #loginform{background:transparent;border:none;box-shadow:none;padding:0;margin:0;width:100%;max-width:320px}body.login #loginform p.submit{display:block;margin-top:3rem!important}body.login #loginform .submit .button-primary{background:#000050;border:none;border-radius:999px;color:#fff;font-weight:300;font-size:15px;letter-spacing:.02em;padding:.75rem 2rem;height:auto;line-height:1.4;box-shadow:none;text-shadow:none;width:100%;transition:background .25s ease-in-out}body.login #loginform .submit .button-primary:hover,body.login #loginform .submit .button-primary:focus{background:#31117c;color:#fff;box-shadow:none}body.login #nav{width:100%;max-width:320px;text-align:center}body.login #backtoblog{display:none}body.login .forge-oauth2-sso-button-wrap,body.login .forge-oauth2-help-text,body.login .forge-oauth2-bypass-link{width:100%;max-width:320px}@media screen and (max-width:768px){body.login:after{display:none}body.login #login{width:100%;padding:2rem}}