.clear{clear:both}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.main{margin:1em auto 0;width:22%}a{text-decoration:none}form{background:#0a192a;border-radius:.4em;border:1px solid #0a192a;overflow:hidden;position:relative;-webkit-box-shadow:0 5px 10px 5px rgba(0,0,0,.2);box-shadow:0 5px 10px 5px rgba(0,0,0,.2)}form:after{height:1px;width:100px;left:20%;top:0}form:after,form:before{content:"";display:block;position:absolute}form:before{width:8px;height:5px;border-radius:50%;left:34%;top:-7px;-webkit-box-shadow:0 0 6px 4px #fff;box-shadow:0 0 6px 4px #fff}.inset{padding:20px;border-top:1px solid #000}form h1:after{content:"";display:block;width:250px;height:100px;position:absolute;top:0;left:50px;pointer-events:none;-webkit-transform:rotate(70deg);background:linear-gradient(50deg,hsla(0,0%,100%,.15),transparent)}form h1{color:#fff;text-shadow:0 1px 0 #000;font-size:18px;font-weight:600;text-align:center;padding:18px 0;border-bottom:1px solid #000;position:relative}form h1 span{padding:5px;background:#0184ff}label{color:rgba(137,192,243,.8);display:block;font-size:13px;padding-bottom:9px}input[type=password],input[type=text]{font-family:Open Sans,sans-serif;width:100%;padding:8px 5px;background:#a7a7a7;background:-webkit-gradient(linear,left top,left bottom,from(#a7a7a7),color-stop(21%,#b5b5b5),color-stop(79%,#e4e4e4),to(#f2f2f2));background:linear-gradient(180deg,#a7a7a7 0,#b5b5b5 21%,#e4e4e4 79%,#f2f2f2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a7a7",endColorstr="#f2f2f2",GradientType=0);border:1px solid #222;-webkit-box-shadow:0 1px 0 hsla(0,0%,100%,.1);box-shadow:0 1px 0 hsla(0,0%,100%,.1);border-radius:.3em;margin-bottom:20px;color:#000;font-size:15px;outline:none}label[for=remember]{color:#fff;display:inline-block;font-size:13px}input[type=checkbox]{display:inline-block;vertical-align:middle}input[type=submit]{padding:5px 20px;border:1px solid #439f07;text-shadow:0 -1px 0 rgba(0,0,0,.4);-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 10px 10px hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 10px 10px hsla(0,0%,100%,.1);border-radius:.3em;background:#8ac754;background:-webkit-gradient(linear,left top,left bottom,from(#8ac754),color-stop(45%,#79c932),color-stop(48%,#66be18),color-stop(97%,#399602),to(#66ae3f));background:linear-gradient(180deg,#8ac754 0,#79c932 45%,#66be18 48%,#399602 97%,#66ae3f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ac754",endColorstr="#66ae3f",GradientType=0);color:#fff;float:right;font-weight:700;cursor:pointer;font-size:15px;outline:none}input[type=submit]:hover{-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -10px 10px hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -10px 10px hsla(0,0%,100%,.1);background:#66ae3f;background:-webkit-gradient(linear,left top,left bottom,from(#66ae3f),color-stop(3%,#399602),color-stop(52%,#66be18),color-stop(55%,#79c932),to(#8ac754));background:linear-gradient(180deg,#66ae3f 0,#399602 3%,#66be18 52%,#79c932 55%,#8ac754);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ae3f",endColorstr="#8ac754",GradientType=0)}@media only screen and (max-width:1680px){.main{margin:1em auto 0}}@media only screen and (max-width:1440px){.main{margin:1em auto 0;width:24%}}@media only screen and (max-width:1366px){.main{margin:1em auto 0;width:25%}}@media only screen and (max-width:1280px){.main{margin:1em auto 0;width:27%}}@media only screen and (max-width:1024px){.main{margin:1em auto 0;width:33%}}@media only screen and (max-width:768px){.main{margin:1em auto 0;width:43%}}@media only screen and (max-width:640px){.main{margin:1em auto 0;width:81%}}@media only screen and (max-width:480px){.main{margin:1em auto 0;width:88%}}@media only screen and (max-width:320px){.main{margin:1em auto 0;width:96%}}