body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input[type=range]{height:25px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#2497e3;border-radius:1px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#2497e3}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#2497e3;border-radius:1px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#2497e3;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#2497e3}body{background-color:#fff5ee}.readonlycontainer{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto}.readonly{top:50%;left:50%;transform:translate(-50%,-50%)}.main,.readonly{position:absolute}.main{min-height:100vh;font-size:calc(10px + 2vmin);color:#ff7575;font-family:"Tiresias Infofont";width:100vw}.content{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:800px;position:relative}@media only screen and (max-width:600px){.content{align-items:flex-start;margin-left:12px;width:90vw}}.main>*{margin-top:20px}.input{display:flex;flex-direction:row;align-items:center;margin:4px 0}@media only screen and (max-width:600px){.input{display:grid;margin-bottom:12px!important;width:90vw!important}}.input>input{margin-left:20px;width:400px}@media only screen and (max-width:600px){.input>input{margin-left:0!important}}@media only screen and (max-width:600px){.input>input,.input>select{width:90vw!important}}@media only screen and (max-width:600px){.input>span{margin-bottom:8px!important;max-width:90vw!important}}@media only screen and (max-width:600px){.input>input[type=checkbox]{width:20px!important}}.input>input[type=text]{border:1px solid #e0e0e0;outline:none;padding:5px}.input>input[type=text]:focus{outline:auto;outline-color:#719ece}textarea{border:1px solid #e0e0e0;outline:none;padding:5px}textarea:focus{outline:auto;outline-color:#719ece}@media only screen and (max-width:600px){textarea{width:90vw!important}}.logo{animation:logo-spin 10s linear infinite;height:50px}.title{margin:0 auto 0 0;font-size:1.4rem;font-weight:400}.instructions{position:absolute;margin:0 auto 0 0;left:0;top:45px;color:#444}.instructions h2{font-size:.8rem;font-weight:400}@media only screen and (max-width:600px){.title{margin:0 auto 45px 0}}.previewbar{display:flex;flex-direction:row;align-items:center}.previewbar>*{margin-left:20px}.preview{position:relative;display:flex;flex-direction:column;align-items:center}canvas{z-index:1}.gif{position:absolute}textarea{width:100%;height:100px;margin:4px 0}.selectorbar{margin-top:20px;display:flex;flex-direction:row;align-items:center;width:100%;top:0}.selectorbar>*{margin-right:0}.selectorbutton{height:20px;width:33%;border:2px solid #fff}.selectorbutton:nth-child(n+2){border-left:none}.selectorbutton.pink{background-color:pink}.selectorbutton.blue{background-color:#acdeff}.selectorbutton.purple{background-color:#ac62f4}.twitter-picker{background:none!important;border:unset!important;box-shadow:unset!important}.twitter-picker:last-child div{padding:0!important}@media only screen and (max-width:600px){.twitter-picker{max-width:95vw!important}}@media only screen and (max-width:600px){body,html{width:auto!important;overflow-x:hidden!important}}.footer{display:grid;grid-template-columns:50% 50%;height:150px;margin:36px 0 0;border-top:3px solid #fff}.footer>.footer-content{margin:0 auto}.footer>.footer-content>h4{text-align:center}@media only screen and (max-width:600px){.footer>.footer-content>button{margin-left:38px}}.buymecoffee{width:100px!important}@font-face{font-family:"Tiresias Infofont";src:url(../../static/media/Tiresias_Infofont.78d9ef53.ttf)}@font-face{font-family:"Aardvark Cafe";src:url(../../static/media/Aardvark_Cafe.65d8bbcf.ttf)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{display:inline-block;padding:.75em 1.2em;border:.1em solid #fff;margin:0 .3em .3em 0;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:600;color:#fff;text-align:center;transition:all .2s;background-color:#2597e3;width:110px}button:hover{cursor:pointer;color:#2597e3;border-color:#2597e3}button:hover,select{background-color:#fff}select{border:thin solid #2597e3;border-radius:4px;display:inline-block;font:inherit;font-size:1rem;padding:.5em .5em .5em 1em;margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
/*# sourceMappingURL=main.c8cbfa95.chunk.css.map */