*{box-sizing:border-box;margin:0;padding:0}html{font-family:'Helvetica Neue',Arial,Sans-Serif}body{background:#95a5a6}header,footer{display:none}.login-wrap{position:relative;margin:200px auto 0;background:#ecf0f1;width:450px;border-radius:5px;box-shadow:3px 3px 10px #333;padding:15px}.login-wrap h2{text-align:center;font-weight:200;font-size:2em;margin-top:10px;color:#34495e}.form{padding:20px 0 15px}.form div{padding-bottom:20px}.form input[type="email"],.form input[type="password"],.login-wrap span,.form button{display:block;width:80%;margin:0 auto;height:40px;border-radius:5px;outline:0;-moz-outline-style:none}.login-wrap span{height:auto}.field-validation-error{padding:5px 5px 0;color:#f00;font-size:13px}.field-validation-error span{margin:0}.remember{display:block;width:80%;margin:0 auto}.form input[type="email"],.form input[type="password"]{border:1px solid #bbb;padding:0 0 0 10px;font-size:14px}.form input[type="email"]:focus,.form input[type="password"]:focus{border:1px solid #3498db}.form button{background:#e74c3c;border:0;color:#fff;font-size:18px;font-weight:200;cursor:pointer;transition:box-shadow .4s ease}.form button:hover{box-shadow:1px 1px 5px #555}.form button:active{box-shadow:1px 1px 7px #222}.login-wrap:after{content:'';position:absolute;top:0;left:0;right:0;background:-webkit-linear-gradient(left,#27ae60 0%,#27ae60 20%,#8e44ad 20%,#8e44ad 40%,#3498db 40%,#3498db 60%,#e74c3c 60%,#e74c3c 80%,#f1c40f 80%,#f1c40f 100%);background:-moz-linear-gradient(left,#27ae60 0%,#27ae60 20%,#8e44ad 20%,#8e44ad 40%,#3498db 40%,#3498db 60%,#e74c3c 60%,#e74c3c 80%,#f1c40f 80%,#f1c40f 100%);height:5px;border-radius:5px 5px 0 0}.field-validation-error{clear:both}