@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#010101;color:#eee;font-family:"Ubuntu",sans-serif}.github-corner svg{fill:#fff;color:#151513;position:absolute;top:0;border:0;right:0}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}.gradient-border,main form,main .preview,main .results{position:relative;background:#010101;background-clip:padding-box;border:solid 1px rgba(0,0,0,0)}.gradient-border:before,main form:before,main .preview:before,main .results:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(160deg, #ff904e -4.24%, #ff5982 21.25%, #ec68f4 44.33%, #79e2ff 83.46%)}.hero{margin:12vh auto}.hero .heading.container{width:100%;display:flex;justify-content:center;margin-top:30px}.hero .heading.container h1{font-weight:lighter;text-align:center;font-size:5em;background:linear-gradient(141.27deg, #ff904e -4.24%, #ff5982 21.25%, #ec68f4 44.33%, #79e2ff 83.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin:0 auto 1.5vh auto}.hero p{text-align:center;color:#b4b4b4}main form,main .preview,main .results{width:80vw;border-radius:.4em;padding:.8em .4em;margin:1em auto}main form h2,main .preview h2,main .results h2{color:#f75900;padding:.5em;font-weight:normal}main .preview img{display:block;margin:auto}main form .checkbox-container,main .results .checkbox-container{padding:.5em 2em}main form .wrapper,main .results .wrapper{padding:.5em 2em;display:flex;flex-wrap:wrap}main form .wrapper .container,main .results .wrapper .container{flex-basis:50%}main form .wrapper .container input,main form .wrapper .container select,main .results .wrapper .container input,main .results .wrapper .container select{width:80%;height:2.2em;border-radius:.3em;padding:2px;background-color:#313131;border:2px solid #666;box-shadow:#000 2px 2px 4px;color:#fff}main form .wrapper .container input[type=text],main form .wrapper .container input[type=number],main form .wrapper .container select[type=text],main form .wrapper .container select[type=number],main .results .wrapper .container input[type=text],main .results .wrapper .container input[type=number],main .results .wrapper .container select[type=text],main .results .wrapper .container select[type=number]{padding-left:6px}main form .wrapper .container input:focus,main form .wrapper .container select:focus,main .results .wrapper .container input:focus,main .results .wrapper .container select:focus{border-color:lime;outline:none}main form .wrapper .container label,main .results .wrapper .container label{display:block;padding:1em 0 .4em 0;font-size:1em}main .results input{overflow-x:scroll;-webkit-user-select:all;-ms-user-select:all;-moz-user-select:all;user-select:all}a{color:#00b7ff}@-webkit-keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media only screen and (max-width: 500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}.hero .heading.container h1{font-size:3em}main form,main .preview,main .results{width:92vw}main form h2,main .preview h2,main .results h2{padding:.2em}main form .checkbox-container,main .results .checkbox-container{padding:.4em}main form .wrapper,main .results .wrapper{flex-direction:column;padding:.4em}main form .wrapper .container input,main form .wrapper .container select,main .results .wrapper .container input,main .results .wrapper .container select{width:100%}}/*# sourceMappingURL=style.min.css.map */