body{margin:0;height:100%;overflow:hidden;width:100%!important;box-sizing:border-box;font-family:Roboto,sans-serif}#back{width:100%;height:100%;position:absolute;z-index:-999}.canvas-back{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.backRight{position:absolute;right:0;width:50%;height:100%;background:#673ab7}.backLeft{position:absolute;left:0;width:50%;height:100%;background:#673ab7}#slideBox{width:50%;max-height:100%;height:100%;overflow:hidden;margin-left:50%;position:absolute;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.topLayer{width:100%;height:100%;position:relative;left:0}.right{width:100%;height:100%;overflow:auto;background:#f9f9f9;position:absolute;right:0}label{font-size:.8em;text-transform:uppercase}input{background-color:transparent;border:0;outline:0;font-size:1em;padding:8px 1px;margin-top:.1em;width:100%}.right label{color:#212121}.right input{border-bottom:1px solid #212121}.right input:focus,.right input:active{border-color:#673ab7}.content{display:flex;flex-direction:column;justify-content:center;min-height:100%;width:80%;max-width:420px;margin:0 auto;position:relative;padding:2rem 0}.content h2{font-weight:300;font-size:2.6em;margin:.2em 0 .1em;color:#673ab7}.form-element{margin:1.6em 0}.form-element.form-submit{margin:1.6em 0 0}.form-stack{display:flex;flex-direction:column}.form-error{color:#d9534f;font-size:.85rem;margin-bottom:.5rem}button.login{padding:.8em 1.2em;width:100%;font-weight:600;text-transform:uppercase;font-size:1em;color:#fff;line-height:1em;letter-spacing:.6px;border-radius:3px;box-shadow:0 2px 6px #0000001a,0 3px 6px #0000001a;border:0;outline:0;transition:all .25s;background:#673ab7;cursor:pointer}button.login:hover{background:#512da8;box-shadow:0 4px 7px #0000001a,0 3px 6px #0000001a}@media only screen and (max-width:768px){#slideBox{width:80%;margin-left:20%}}