html{background-color:#56baed}main{height:100%}body{height:100vh;background:#7c2271;background:linear-gradient(90deg,#7c2271 25%,#bd15a4 50%,#e41e25 100%)}a{color:#7c2271;display:inline-block;text-decoration:none;font-weight:400}a:hover{color:#a54d9a}.wrapper{display:flex;align-items:center;flex-direction:column;width:100%;min-height:100%;padding:20px}#formHeader{background-color:#f6f6f6;border-bottom:1px solid #dce8f1;padding:25px;text-align:center;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}#formContent{-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background:#fff;padding:30px;width:90%;max-width:450px;position:relative;padding:0;-webkit-box-shadow:0 30px 60px 0 rgba(0,0,0,.3);box-shadow:0 30px 60px 0 rgba(0,0,0,.3);text-align:center;margin-top:10%}#formFooter{background-color:#f6f6f6;border-top:1px solid #dce8f1;padding:25px;text-align:center;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}input[type=button],input[type=reset],input[type=submit]{background-color:#7c2271;border:none;color:#fff;padding:15px 80px;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;font-size:13px;-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,.4);box-shadow:0 10px 30px 0 rgba(0,0,0,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 20px 40px 20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#a54d9a}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}input[type=password],input[type=text]{background-color:#f6f6f6;border:none;color:#0d0d0d;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:5px;width:85%;border:2px solid #f6f6f6;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}input[type=password]:focus,input[type=text]:focus{background-color:#fff;border-bottom:2px solid silver}input[type=password]:placeholder,input[type=text]:placeholder{color:#ccc}:focus{outline:0}