@import url(https://fonts.googleapis.com/css?family=Raleway);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}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#aaa8a8}::-webkit-scrollbar-thumb{background-color:#18336e;border-radius:6px}::-webkit-scrollbar-button{background-color:#5c5757}:root{--glow-color:#61efff}.glowing-btn{animation:border-flicker 2s linear infinite;background:none;border:.15em solid #61efff;border:.15em solid var(--glow-color);border-radius:.45em;box-shadow:inset 0 0 .5em 0 #61efff,0 0 .5em 0 #61efff;box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);color:#61efff;color:var(--glow-color);cursor:pointer;font-family:Raleway,sans-serif;font-size:1em;font-weight:900;height:2rem;letter-spacing:1em;padding:.35em 1em;perspective:2em;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.glowing-txt{animation:text-flicker 3s linear infinite;float:left;margin-right:-.8em;-webkit-text-shadow:0 0 .125em #ffffff4d,0 0 .45em #61efff;-webkit-text-shadow:0 0 .125em #ffffff4d,0 0 .45em var(--glow-color);-moz-text-shadow:0 0 .125em #ffffff4d,0 0 .45em #61efff;-moz-text-shadow:0 0 .125em #ffffff4d,0 0 .45em var(--glow-color);text-shadow:0 0 .125em #ffffff4d,0 0 .45em #61efff;text-shadow:0 0 .125em #ffffff4d,0 0 .45em var(--glow-color)}.faulty-letter{animation:faulty-flicker 2s linear infinite;opacity:.5}.glowing-btn:after{background-color:#61efff;background-color:var(--glow-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s linear;z-index:-1}.glowing-btn.clicked,.glowing-btn:after{box-shadow:0 0 2em .2em #61efff;box-shadow:0 0 2em .2em var(--glow-color)}.glowing-btn.clicked{animation:none;background-color:#61efff;color:#000}.glowing-btn.clicked .glowing-txt{animation:none}.glowing-btn.clicked:before{filter:blur(1.5em);opacity:1}.glowing-btn:hover{animation:none;color:#000c;text-shadow:none}.glowing-btn:hover .glowing-txt{animation:none}.glowing-btn:hover .faulty-letter{animation:none;opacity:1;text-shadow:none}.glowing-btn:hover:before{filter:blur(1.5em);opacity:1}.glowing-btn:hover:after{opacity:1}@keyframes faulty-flicker{0%{opacity:.1}2%{opacity:.1}4%{opacity:.5}19%{opacity:.5}21%{opacity:.1}23%{opacity:1}80%{opacity:.5}83%{opacity:.4}87%{opacity:1}}@keyframes text-flicker{0%{opacity:.1}2%{opacity:1}8%{opacity:.1}9%{opacity:1}12%{opacity:.1}20%{opacity:1}25%{opacity:.3}30%{opacity:1}70%{opacity:.7}72%{opacity:.2}77%{opacity:.9}to{opacity:.9}}@keyframes border-flicker{0%{opacity:.1}2%{opacity:1}4%{opacity:.1}8%{opacity:1}70%{opacity:.7}to{opacity:1}}@media only screen and (max-width:600px){.glowing-btn{font-size:1em}}.ExampleButton{background:#fff;display:inline-block;height:40px;margin-top:10px;position:relative;width:160px}.container .ExampleButton:after,.container .ExampleButton:before{background:red;content:"";inset:0;position:absolute;transition:.2s}.container .ExampleButton:first-child:after,.container .ExampleButton:first-child:before{background:linear-gradient(45deg,#0cf,#0e1538,#d400d4)}.container .ExampleButton:nth-child(2):after,.container .ExampleButton:nth-child(2):before{background:linear-gradient(45deg,#f0075b,#0e1538,#1aff22)}.container .ExampleButton:hover:before{inset:-3px}.container .ExampleButton:hover:after{filter:blur(10px);inset:-3px}.container .ExampleButton span{align-items:center;background:#24306b;border:1px solid #040a29;color:#fff;display:inline-block;display:flex;font-size:1.2em;height:100%;justify-content:center;left:0;letter-spacing:2px;overflow:hidden;position:absolute;text-transform:uppercase;top:0;width:100%;z-index:10}.container .ExampleButton span:before{background:hsla(0,0%,100%,.075);content:"";height:100%;left:-50%;position:absolute;top:0;transform:skew(25deg);width:100%}.container .ExampleButton span.example1Clicked{background:linear-gradient(45deg,#0cf,#0e1538,#d400d4)}:root{--clr-neon:#20c436;--clr-bg:#20c436;--clr-white:#fff}*,:after,:before{box-sizing:border-box}.button{border:4px solid #20c436;border:4px solid var(--clr-neon);border-radius:.25em;box-shadow:inset 0 0 .5em 0 #20c436,0 0 .5em 0 #20c436;box-shadow:inset 0 0 .5em 0 var(--clr-neon),0 0 .5em 0 var(--clr-neon);color:#20c436;color:var(--clr-neon);cursor:pointer;display:inline-block;font-size:1.5em;padding:.25em 1em;position:relative;text-decoration:none;text-shadow:0 0 .125em #ffffff8c,0 0 .5em currentColor}.button:before{filter:blur(1.15em);height:100%;pointer-events:none;top:120%;transform:perspective(1.2em) rotateX(40deg) scale(1.5,.5);transition:transform .5s linear;width:100%}.button:after,.button:before{background:#20c436;background:var(--clr-neon);content:"";left:0;opacity:0;position:absolute}.button:after{bottom:0;box-shadow:0 0 4em .6em #20c436,0 0 1em .2em #fff;box-shadow:0 0 4em .6em var(--clr-neon),0 0 1em .2em var(--clr-white);right:0;top:0;transition:opacity .5s linear;z-index:-1}.button:focus,.button:hover{color:#20c436;color:var(--clr-bg);text-shadow:none}.button:focus:before,.button:hover:before{opacity:0;transform:perspective(1em) rotateX(40deg) scale(1.5,.6);transition:transform .2s linear}.button:focus:after,.button:hover:after{opacity:1}.buttonDisabled{border-color:#888;box-shadow:none;color:#888;cursor:not-allowed;pointer-events:none}.buttonDisabled:focus,.buttonDisabled:hover{border-color:#888;color:#888;text-shadow:none}.buttonDisabled:after,.buttonDisabled:before{opacity:0}
/*# sourceMappingURL=main.88ef9f13.css.map*/