@font-face {
    font-family: "Raleway";
    src: url('../../fonts/Raleway-Regular.ttf');
}
body { font-family: "Raleway";font-size: 14px;}
body * {box-sizing: border-box}
#canvas-wrapper {position:fixed;left:0;top:0;width:100%;height:100%;background:#ededed}
#demo-canvas {
    position: absolute;left:0;width:0;height:100%;width:100%;}
.centerXY {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    z-index: 9;}
.content-login { padding:20px;background:#fff;border:1px solid #000;border-radius: 3px;width:100%;max-width: 400px;}
.content-login form > div { margin:20px 0;}
.content-login input {border-radius: 3px;display:block;width:100%;border:1px solid #666;padding:10px;}
.content-login  form > *  {margin:10px 0}
.content-login #remember_me {display: inline-block;width:25px;}
.content-login label[for="remember_me"] {display: inline-block;}
.content-login .form > div {margin-bottom: 30px;}
button {
    background: #00a8ff;border:1px solid #fff;border-radius: 3px;padding:10px 20px;display: block;text-align: center;text-transform: uppercase;color:#fff;margin:0 auto;letter-spacing: 2px;}