body ::-webkit-input-placeholder{color:#fff;font-family:sans-serif;font-weight:300}body :-moz-placeholder,body ::-moz-placeholder{color:#fff;font-family:sans-serif;font-weight:300;opacity:1}body :-ms-input-placeholder{color:#fff;font-family:sans-serif;font-weight:300}form{padding:20px 0;position:relative;z-index:2}form .register>input[type=text],form input[type=email],form input[type=password]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);border-radius:3px;color:#fff;display:block;font-size:18px;font-weight:300;margin:0 auto 10px;outline:0;padding:10px 15px;text-align:center;transition-duration:.25s;width:250px}form .register>input[type=text]:hover,form input[type=email]:hover,form input[type=password]:hover{background-color:hsla(0,0%,100%,.4)}form .register>input[type=text]:focus,form input[type=email]:focus,form input[type=password]:focus{background-color:#fff;color:#53e3a6;width:300px}form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:0;border-radius:3px;color:#53e3a6;cursor:pointer;font-size:18px;outline:0;padding:10px 15px;transition-duration:.25s;width:250px}form button:hover{background-color:#f5f7f9}.wrapper{align-items:center;background:#50a3a2;background:linear-gradient(to bottom right,#50a3a2,#53e3a6);display:grid;left:0;min-height:100vh;overflow:hidden;padding-top:3rem;position:absolute;top:0;width:100%}.wrapper.form-success .container h1{transform:translateY(85px)}.bg-bubbles,body,html{overflow:hidden}.bg-bubbles{height:100%;width:100%;z-index:1}.bg-bubbles li{-webkit-animation:square 25s infinite;animation:square 25s infinite;background-color:hsla(0,0%,100%,.15);bottom:-160px;display:block;height:40px;list-style:none;position:absolute;transition-timing-function:linear;width:40px;z-index:1}.bg-bubbles li:first-child{left:10%}.bg-bubbles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s;height:80px;left:20%;width:80px}.bg-bubbles li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;left:25%}.bg-bubbles li:nth-child(4){-webkit-animation-duration:22s;animation-duration:22s;background-color:hsla(0,0%,100%,.25);height:60px;left:40%;width:60px}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;background-color:hsla(0,0%,100%,.2);height:120px;left:80%;width:120px}.bg-bubbles li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:160px;left:32%;width:160px}.bg-bubbles li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s;height:20px;left:55%;width:20px}.bg-bubbles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s;background-color:hsla(0,0%,100%,.3);height:10px;left:25%;width:10px}.bg-bubbles li:nth-child(10){-webkit-animation-delay:11s;animation-delay:11s;height:160px;left:90%;width:160px}@-webkit-keyframes square{0%{transform:translateY(0)}to{transform:translateY(-150vh) rotate(600deg)}}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-150vh) rotate(600deg)}}
