body{margin:0}canvas{display:block}#particles-js{position:absolute;width:100%;height:100%;overflow:hidden;background:#2c2d44;background-image:-moz-linear-gradient(45deg,#3f3251 2%,#002025 100%);background-image:-webkit-linear-gradient(45deg,#3f3251 2%,#002025 100%);background-image:linear-gradient(45deg,#3f3251 2%,#002025)}.tsparticles-canvas-el{width:125%!important;height:125%!important;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}.text{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);color:#fff;max-width:90%;min-width:500px;padding:3.5em 4.5em;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0px 0px 2px rgba(0,0,0,.3);font-family:Open Sans,sans-serif;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e}.logo{display:flex;justify-content:center;align-items:center;padding-bottom:40px;width:100%}.logo img{width:200px;height:auto}a,a:visited{color:#e34234;transition:.25s}a:hover,a:focus{color:#ba160c}.input-group{margin-bottom:10px;width:100%;box-sizing:border-box}.input-field{width:100%;box-sizing:border-box;background:#fffffff2;border:1px solid rgba(255,255,255,.3);outline:none;margin:0 auto;color:#000;box-shadow:0 2px 10px 1px #0000001a;padding:10px;border-radius:4px}.input-field:focus{border-color:#2386b4;box-shadow:0 0 0 2px #2386b433}.input-group label{display:block;margin-bottom:5px;color:#fff;font-weight:500}button{display:inline-block;padding:.5em 1.2em;border:1px solid #2386b4;margin:25px .3em .3em 0;border-radius:6px;box-sizing:border-box;text-decoration:none;font-weight:500;font-size:14px;color:#fff;text-align:center;transition:all .3s;background:#2386b4;width:100%;height:40px;cursor:pointer}button:hover:enabled{background-color:#1c6a91;border-color:#1c6a91;transform:translateY(-1px);box-shadow:0 4px 12px #2386b466}button:disabled{opacity:.6;cursor:not-allowed}.message{margin-top:20px;font-weight:600;color:#fff}.message.error{color:#ff4d4f}ul{margin:0}li{position:relative;color:#e34234}li.done{list-style:none;color:#fff}li.done:after{content:"";background-color:transparent;position:absolute;left:-16px;top:0;width:5px;border-bottom:3px solid #4d7c2a;height:11px;border-right:3px solid #4d7c2a;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}