#login.with-background{padding:4rem 0}#login #login-form{padding-right:5rem;margin-bottom:7rem;background:rgba(0,0,0,0)}@media only screen and (width < 48em){#login #login-form{padding-right:0;margin-bottom:0}}#login #owner-form{padding-left:5rem;margin-bottom:7rem;background-color:#023564}@media only screen and (width < 48em){#login #owner-form{padding-left:0}}#login #owner-form:after{background-color:#023564}@media only screen and (width < 64em){#login #owner-form:after{right:-2rem !important;left:auto !important}}#login #login-form,#login #owner-form{padding-top:6rem;padding-bottom:6rem}#login #login-form:after,#login #owner-form:after{z-index:-1;content:"";position:absolute;left:100%;top:0;bottom:0;width:50vw}@media only screen and (width < 48em){#login #login-form:after,#login #owner-form:after{width:100vw}}#login #login-form h2,#login #owner-form h2{margin-bottom:3rem;font-size:1.5rem}#login-explanation{margin-top:-2rem;margin-bottom:8rem}@media only screen and (width < 64em){#login-explanation{margin-bottom:6rem}}@media only screen and (width < 48em){#login-explanation{margin-bottom:3rem}}#login-explanation .title{margin-bottom:1rem;color:#fd0;font-weight:600;text-transform:uppercase}#login-bar{display:flex;justify-content:space-between;background-color:#18225c;color:#fff}#login-bar .user{padding-top:1rem;padding-bottom:1rem;margin-left:3rem;font-weight:600;text-transform:uppercase}#login-bar ul{padding:1rem 0;display:flex}#login-bar ul li+li{margin-left:2.5rem}#login-bar ul .active a{color:#fd0}#login-bar ul a{color:#f9f9f9;text-decoration:none;font-weight:600;font-size:1.125rem}#login-bar .logging-out{padding:.75rem 3rem;display:flex;align-items:center;color:#f9f9f9;text-decoration:none}#login-bar .logging-out .icon{margin-right:.5rem}