html{background-color:#56baed}body{background-color:silver;font-family:Poppins,sans-serif;height:100vh}a{color:#92badd;font-weight:400;text-decoration:none}a,h2{display:inline-block}h2{color:#ccc;font-size:16px;font-weight:600;margin:40px 8px 10px;text-align:center;text-transform:uppercase}.wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:20px;width:100%}#formContent{background:#fff;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;-webkit-box-shadow:0 30px 60px 0 rgba(0,0,0,.3);box-shadow:0 30px 60px 0 rgba(0,0,0,.3);max-width:450px;padding:0;position:relative;text-align:center;width:90%}#formFooter{background-color:#f6f6f6;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-top:1px solid #dce8f1;padding:25px;text-align:center}h2.inactive{color:#ccc}h2.active{border-bottom:2px solid #5fbae9;color:#0d0d0d}input[type=button],input[type=reset],input[type=submit]{background-color:#56baed;border:none;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);color:#fff;display:inline-block;font-size:13px;margin:5px 20px 40px;padding:15px 80px;text-align:center;text-decoration:none;text-transform:uppercase;-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:#39ace7}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=email],input[type=password],input[type=text]{background-color:#f6f6f6;border:2px solid #f6f6f6;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;color:#0d0d0d;display:inline-block;font-size:16px;margin:5px;padding:15px 32px;text-align:center;text-decoration:none;-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;width:85%}input[type=email]:focus{background-color:#fff;border-bottom:2px solid #5fbae9}input[type=email]:placeholder{color:#ccc}input[type=password]:focus{background-color:#fff;border-bottom:2px solid #5fbae9}input[type=password]:placeholder{color:#ccc}input[type=text]:focus{background-color:#fff;border-bottom:2px solid #5fbae9}input[type=text]:placeholder{color:#ccc}.fadeInDown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fadeIn.first{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.fadeIn.second{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}.fadeIn.third{animation-delay:.8s}.fadeIn.fourth{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.underlineHover:after{background-color:#56baed;bottom:-10px;content:"";display:block;height:2px;left:0;transition:width .2s;width:0}.underlineHover:hover{color:#0d0d0d}.underlineHover:hover:after{width:100%}:focus{outline:none}#icon{width:60%}