*{padding:0;margin:0}body,html{height:100%;width:100%}body{color:#fff;font-family:'Noto Sans',sans-serif;overflow:hidden;background:url('../images/login/bg.jpg') 0 0 no-repeat #000;background-size:cover}canvas{display:block;right:0;bottom:0;position:absolute;z-index:1}.alert{background:#ddd none repeat scroll 0 0;border-bottom:1px solid #fff;color:#333;padding:10px 20px}#loginBox{background:rgba(255,255,255,0.95);border-radius:10px;left:20%;position:absolute;top:10%;width:300px;color:#222;z-index:2}#loginBox h1{padding:20px 30px 10px;border-bottom:1px solid #ccc}#loginBox form{padding:10px 30px 30px}#loginBox form p{padding:10px 0}#loginBox form label{display:block;font-size:12px;padding-bottom:7px}#loginBox form input.text{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #555;border-radius:4px}#loginBox form input.submit{background:#fc6324;color:#fff;font-size:18px;padding:10px 20px;border:0;-webkit-appearance:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:300;transition-duration:.3s;transition-property:all}#loginBox form input.submit:hover,#loginBox form input.submit:focus{background:#e84f10;box-shadow:0 0 3px rgba(0,0,0,0.1)}#loginBox p.lost-password{border-top:1px solid #ccc;padding:20px 30px;font-size:14px}#loginBox p.lost-password a{color:#999;text-decoration:none}#loginBox p.lost-password a:hover{color:#00ab94;text-decoration:underline}@media only screen and (max-width:800px){#loginBox{left:5%;width:90%;top:50%;transform:translateY(-50%)}}