body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#181818;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.question{letter-spacing:3px}.code{letter-spacing:2px}@-webkit-keyframes gradient{0%{background-position:0 0}to{background-position:100% 0}}@keyframes gradient{0%{background-position:0 0}to{background-position:100% 0}}input{background:transparent;border-style:none;outline:none}button{background:none;border:none;outline:none;padding:0}.webflow-style-input{background:rgba(57,63,84,.8);border-radius:2px;box-sizing:border-box;display:flex;flex-direction:row;margin:0 auto;padding:1.4rem 2rem 1.6rem}.form,.webflow-style-input{position:relative;width:100%}.form{border:0;margin:0;max-width:400px;padding:0}.webflow-style-input:after{background-position:0 0;background:linear-gradient(90deg,#b294ff,#57e6e6,#feffb8,#57e6e6,#b294ff,#57e6e6);background-size:500% auto}.webflow-style-input.wrong:after,.webflow-style-input:after{-webkit-animation:gradient 3s linear infinite;animation:gradient 3s linear infinite;border-bottom-left-radius:2px;border-bottom-right-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:999}.webflow-style-input.wrong:after{background-position:0 0;background:red;background-size:500% auto}.webflow-style-input.correct{background:#4da167;color:#fff}.webflow-style-input.correct:after{-webkit-animation:gradient 3s linear infinite;animation:gradient 3s linear infinite;background-position:0 0;background:#4da167;background-size:500% auto;border-bottom-left-radius:2px;border-bottom-right-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:999}.webflow-style-input input{color:#bfd2ff;flex-grow:1;font-size:1.8rem;line-height:2.4rem;text-transform:uppercase;vertical-align:middle;width:100%}.webflow-style-input input::-webkit-input-placeholder{color:#7881a1}.webflow-style-input button{color:#7881a1;font-size:2.4rem;line-height:2.4rem;transition:color .25s;vertical-align:middle}.webflow-style-input button:hover{color:#bfd2ff}
/*# sourceMappingURL=main.da0521b3.css.map*/