/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--font-size-base:18px;--line-height-base:1.5;--color-text:#1d1d1d;--color-background:#fff}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#1d1d1d;color:var(--color-text);font-family:Lato,Avenir,Adobe Heiti Std,Segoe UI,Trebuchet MS,sans‑serif;font-size:18px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base)}body,canvas,html,main,section{background:#fef9ef;height:100%;width:100%}section{flex-grow:1;height:100%}input{border:0;outline:0}input[type=range]{display:block;width:100%}aside{background-color:#f1f1f1;display:flex;flex-basis:196px;flex-direction:column;min-width:180px;overflow:auto;padding:1.2em}aside>div:first-of-type{flex-grow:1}header,main{display:flex}header{align-items:center;background-color:#f5f5f5;border:2rem solid;border-image-slice:1;border-image-source:repeating-conic-gradient(red,#f90,#3f0,#007bff,#1e00ff,#9d00ff,#f0a,red);height:100vh;justify-content:center;left:0;min-width:1100px;padding:4rem;position:fixed;text-align:center;top:0;width:100vw;z-index:5}header.hidden{animation:fadeOut 1s ease-in-out forwards;pointer-events:none}header a{color:#1d1d1d;color:var(--color-text);font-weight:700;opacity:.8;padding:0 1rem;text-decoration:none;transition:opacity .3s ease}header a:first-of-type{color:#cc7a00}header a:nth-of-type(2){color:#1a8000}header a:nth-of-type(3){color:#0063cc}header a:nth-of-type(4){color:#7e00cc}header a:active,header a:hover{opacity:1}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,red,#007bff 50%,#29cc00);-webkit-background-clip:text;background-clip:text;font-family:Finger Paint;font-size:8rem;letter-spacing:-.3rem;margin:0 0 3rem}.blob-btn,h1{font-weight:400}.blob-btn{animation:colorShift 13s ease infinite forwards;background-color:transparent;border:none;border-radius:3rem;box-shadow:0 0 15px currentColor;cursor:pointer;display:inline-flex;font-size:1.25rem;margin-bottom:3rem;outline:none;padding:1.5rem 4rem;position:relative;text-align:center;text-decoration:none;z-index:1}.blob-text{color:currentColor;font-family:Finger Paint;letter-spacing:1px}.blob-btn:before{border:4px solid;left:0;top:0;z-index:1}.blob-btn:after,.blob-btn:before{border-radius:30px;content:"";height:100%;position:absolute;width:100%}.blob-btn:after{left:3px;top:3px;transition:all .3s .2s;z-index:-2}.blob-btn:hover .blob-text{border-radius:30px;color:#fff}.blob-btn:hover:after{border-radius:30px;left:0;top:0;transition:all .3s}.blob-btn__inner{background:#fff;border-radius:30px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.blob-btn__blobs{display:block;filter:url(#goo);height:100%;position:relative}.blob-btn__blob{background:currentColor;border-radius:100%;height:100%;position:absolute;top:2px;transform:translate3d(0,150%,0) scale(1.7);transition:transform .4s ease;width:25%}@supports (filter:url("#goo")){.blob-btn__blob{transform:translate3d(0,150%,0) scale(1.4)}}.blob-btn__blob:first-child{left:0;transition-delay:0s}.blob-btn__blob:nth-child(2){left:30%;transition-delay:.08s}.blob-btn__blob:nth-child(3){left:60%;transition-delay:.16s}.blob-btn__blob:nth-child(4){left:90%;transition-delay:.24s}.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.7)}@supports (filter:url("#goo")){.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.4)}}.preview{border:2px solid #666;height:130px;position:relative;width:130px}.preview__brush{border-radius:100%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}@keyframes colorShift{0%{color:#c00}10%{color:#cc7a00}20%{color:#7a9900}30%{color:#1f9900}40%{color:#00993d}50%{color:#066}60%{color:#0063cc}70%{color:#1800cc}80%{color:#9d00ff}90%{color:#cc00c9}to{color:#906}to{color:#c02}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.btn{align-items:center;background-color:#bbb;border:0;border-radius:0;color:#1d1d1d;color:var(--color-text);cursor:pointer;display:inline-flex;height:45px;justify-content:center;outline:0;padding:.5em;text-decoration:none}.btn--main{background-color:#475154;color:#fef9ef!important;margin-bottom:.75rem;margin-right:.2rem}.btn--block{display:flex;width:100%}.btn--tool{background-color:#c1c1c1;height:100%;padding:.25em .3em;width:100%}.tool-grid{grid-gap:.25rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;margin-bottom:.5em}.btn--color{-webkit-appearance:none;border:none;cursor:pointer;height:28px;padding:0;width:100%}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=checkbox]{display:none}.tool-section{color:#fef9ef;padding-bottom:.5rem}.tool-section--lrg{padding-bottom:1rem}.btn--active{background-color:#66b0ff}.btn--dream-active{background-image:repeating-conic-gradient(#f66,#ffc266,#85ff66,#66b0ff,#7866ff,#c466ff,#f6c,#f66)}.btn--eraser-active{background-color:#85ff66}.btn--width-active{background-color:#f66}[disabled],[disabled]+label{cursor:not-allowed;opacity:.6}.btn-container{display:flex;justify-content:space-around;margin-top:20px;transition:all .25s ease-in-out}.btn-container>a:hover,.btn-container>button:hover{opacity:.9}.toolbar{margin:0;padding:0;position:fixed;width:180px}.toolbar-icon{background:#a2d2ff;cursor:pointer;text-align:center;transition:all .25s ease-in-out}.toolbar-icon:hover,.toolbar-menu{background:#f5f5f5}.toolbar-menu{animation:fadeInAnimation 2s;height:100%;overflow:hidden;padding:10px 10px 0}.toolbar-menu-show{opacity:1;visibility:visible}.toolbar-eye{background:#a2d2ff;cursor:pointer;margin:10px -10px 0;text-align:center;transition:all .25s ease-in-out}.toolbar-eye:hover{background:#f5f5f5}@keyframes fadeInAnimation{0%{height:0}to{height:100%}}.action-btn{bottom:0;padding-right:10px;position:fixed;right:0}.action-text{font-weight:900;margin:4px}.history-action{bottom:0;left:0;padding-left:10px;position:fixed}.toolbar2{margin:0;padding:0;position:fixed;width:180px}.dropdown{background:#475154;height:auto}.dropdown__text{color:#fff;cursor:pointer;padding:4px 0;text-align:center}.dropdown__items{max-height:0;opacity:0;position:relative;transition:max-height .6s ease;visibility:hidden}.dropdown.active .dropdown__items{border-top:1px solid #666;height:auto;max-height:100vh;opacity:1;padding:10px;transition:max-height .7s,opacity .7s,visibility .7s ease;visibility:visible}
/*# sourceMappingURL=main.a33f7947.css.map*/