html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button,input[type="submit"]{display:inline-block;border:none;margin:0;text-decoration:none;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}textarea,select,input[type="date"],input[type=checkbox],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],input[type="reset" i]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-appearance:none;background-color:#fff;color:#000;outline:0;margin:0;padding:0;text-align:left;font-size:1em;height:1em;vertical-align:middle;border-style:none}select,select,select{background:#fff url("data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==");background-repeat:no-repeat;background-position:97% center}wpadminbar{display:none !important}.btn{background-color:rgba(255,95,59,0.2);border-radius:20px;padding:0.75em 1em;text-decoration:none;font-weight:bold;text-align:center;color:#ff5f3b}.btn--primary{background-color:#ff5f3b;color:white}.btn--primary:hover{background-color:#ff4a22}.btn--blue{background-color:blue;color:white}.btn--blue:hover{background-color:#0000e6}.btn--purple{background-color:#d7a0ff;color:white}.btn--purple:hover{background-color:#cc87ff}.btn--wine{background-color:#9a0000;color:white}.btn--wine:hover{background-color:#810000}.btn--white--wine{background-color:white;color:#9a0000}.btn--white--wine:hover{background-color:rgba(255,255,255,0.8)}.btn--blue--outline{color:blue;background-color:white;border:1px solid blue;font-weight:normal}.btn--inactive{background-color:rgba(255,95,59,0.2);color:#ff785a}@font-face{font-family:'Dazzed';src:url("/static/fonts/dazzed-regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Dazzed';src:url("/static/fonts/dazzed-regularItalic.woff") format("woff");font-weight:400;font-style:italic}@font-face{font-family:'Dazzed';src:url("/static/fonts/dazzed-semibold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:'Dazzed';src:url("/static/fonts/dazzed-bold.woff") format("woff");font-weight:700;font-style:normal}h2{font-size:2em;font-weight:600}.ui--mobile{display:none}body.mobile .ui--mobile{display:flex;flex-direction:column;justify-content:center;align-self:center;background-color:#ff785a;position:absolute;top:0;left:0;right:0;bottom:0;background:url("/static/icons/ui_mobile_bg.svg");background-size:contain;background-position:50% 50%;background-repeat:no-repeat;text-align:center}body.mobile .ui--mobile h1{font-size:60px;margin-bottom:0.5em}body.mobile .ui--mobile p{font-size:25px;line-height:1.2em;font-weight:normal}body.mobile .ui--mobile .btn{width:fit-content;background-color:#000078;margin:2em auto;padding:1.5em;border-radius:100px}body.mobile .container{display:none}body.gallery .intro{padding:1.5em;text-align:center;color:#9a0000}body.gallery .intro h1{font-size:70px;margin-bottom:0.35em}@media screen and (max-width: 950px){body.gallery .intro h1{font-size:55px;margin-top:70px}}body.gallery .intro p{max-width:40ch;line-height:1.2em;padding-bottom:2em;font-weight:normal;margin:0 auto}body.gallery .items{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;margin-top:3em;margin-bottom:3em;max-width:900px;grid-gap:2em}body.gallery .items .item{width:100%;text-align:center;font-weight:normal;color:white;text-decoration:none;padding:20px;box-shadow:0vw 0vw 20px rgba(255,95,59,0.75);transition:box-shadow 0.25s ease-in-out}body.gallery .items .item:hover{box-shadow:0vw 0vw 70px #ff4a22}body.gallery .items .item .svg{width:100%}body.gallery .items .item .svg svg{width:100%;height:auto}body.gallery .items .item .title{font-size:1.25em;font-weight:bold}body.gallery .items .item .creator{opacity:0.5;margin-top:0.25em}.tool .container .canvas_container{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center}.tool .container .canvas_container canvas{box-shadow:0 0 6vw #ff5f3b;position:relative;box-sizing:border-box;width:75vw;height:auto}.tool .container .canvas_container .debug{position:absolute;top:0;left:0}.tool .container .ui-containers .ui{display:none;background-color:white;border-radius:100px;padding:0.5em;font-weight:400;width:fit-content;color:#ff5f3b;box-shadow:0 0 4vw rgba(0,0,0,0.4)}.tool .container .ui-containers .ui.active{display:flex}.tool .container .ui-containers .ui p{line-height:1.25em}.tool .container .ui-containers .ui p,.tool .container .ui-containers .ui .blob,.tool .container .ui-containers .ui h2,.tool .container .ui-containers .ui .input--cont,.tool .container .ui-containers .ui .input--submit,.tool .container .ui-containers .ui .input--loading{padding:0.5em}.tool .container .ui-containers .ui .input--cont input[type=text]{width:100%;padding:1.25em 0.5em;border-radius:3px;background-color:rgba(255,120,90,0.15);text-align:center;font-family:Dazzed, Arial;color:#ff5f3b;font-weight:bold}.tool .container .ui-containers .ui .input--cont input[type=text]:read-only{background-color:rgba(0,0,0,0.06)}.tool .container .ui-containers .ui .input--cont label{padding:0.5em;font-size:0.8em}.tool .container .ui-containers .ui .hide{display:none}.tool .container .ui-containers .ui input[type=submit]{width:100%}.tool .container .ui-containers .ui input[type=submit]:disabled{opacity:0.5;cursor:not-allowed}.tool .container .ui-containers .ui .blob{background-color:#ebebeb;border-radius:100px}.tool .container .ui-containers .ui .close{position:absolute;top:10px;right:10px;height:2em;width:2em;cursor:pointer}.tool .container .ui-containers .ui .close svg{height:100%;width:auto}.tool .container .ui-containers .ui .close:hover{opacity:0.7}.tool .container .ui-containers .ui-large{text-align:center;position:absolute;border-radius:20px;flex-direction:column;top:50%;left:50%;transform:translate(-50%, -50%);width:450px;max-height:90vh;overflow:auto;z-index:10000;padding:1em}.tool .container .ui-containers .ui-large .btn{margin-top:0.5em}.tool .container .ui-containers .ui--success .share{margin-top:1em}.tool .container .ui-containers .ui--error{background-color:#ff0000;color:white}.tool .container .ui-containers .ui--error .gigantic{font-size:5em}.tool .container .ui-containers .ui--error p{margin-top:2em;margin-bottom:2em}.tool .container .ui-containers .ui--generate{position:absolute;bottom:20%;left:50%;flex-direction:row;transform:translate(-50%, -50%)}.tool .container .ui-containers .ui--generate .total{font-weight:600}.tool .container .ui-containers .ui--save .input--loading .dot{animation-name:dots;animation-iteration-count:infinite;animation-duration:0.75s}.tool .container .ui-containers .ui--save .input--loading .dot-2{animation-delay:-0.25s}.tool .container .ui-containers .ui--save .input--loading .dot-1{animation-delay:-0.5s}.tool .container .ui-containers .ui--how .slides{display:flex;flex-direction:row;overflow:hidden}.tool .container .ui-containers .ui--how .slides .slide{transition:transform 0.5s ease-in-out;width:calc(450px - 2em);flex-shrink:0}.tool .container .ui-containers .ui--how .slides .slide img{width:100%;height:auto}.tool .container .ui-containers .ui--how.two .slides .slide{transform:translate(-100%, 0%)}.tool .container .ui-containers .ui--how.three .slides .slide{transform:translate(-200%, 0%)}.tool .container .ui-containers .ui--how.four .slides .slide{transform:translate(-300%, 0%)}.tool .container .ui-containers .ui--how .slides--controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tool .container .ui-containers .ui--how .slides--controls .left,.tool .container .ui-containers .ui--how .slides--controls .right{transition:opacity 0.15s ease-in-out;cursor:pointer}.tool .container .ui-containers .ui--how .slides--controls .left img,.tool .container .ui-containers .ui--how .slides--controls .right img{height:2.5em;width:auto}.tool .container .ui-containers .ui--how .slides--controls .left:hover,.tool .container .ui-containers .ui--how .slides--controls .right:hover{opacity:0.75}.tool .container .ui-containers .ui--how .slides--controls .left.inactive,.tool .container .ui-containers .ui--how .slides--controls .right.inactive{opacity:0.5;cursor:default}.tool .container .ui-containers .ui--how .slides--controls .center{opacity:0.5}.tool .container button{margin-right:1em}@keyframes dots{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.replay .container .canvas_container{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center}.replay .container .canvas_container canvas{box-shadow:0 0 6vw #ff5f3b;position:relative;box-sizing:border-box;width:75vw;height:auto}.replay .container .controls .links{display:flex;width:100%;justify-content:space-between;bottom:1.5vw;position:absolute;padding:20px}.replay .container .text{position:absolute;bottom:5vw;font-size:35px;color:white;text-align:center;pointer-events:none;width:100%}@media screen and (max-width: 900px){.replay .container .text{bottom:calc(5vw + 65px);font-size:30px}}.replay .container .text .creator{margin-top:0.25em;font-weight:normal;font-size:0.8em;opacity:0.5}@keyframes dots{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.controls{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none}.controls *{pointer-events:all}.controls .icon{width:max(6vw, 45px);height:max(6vw, 45px);box-shadow:0 0 20px #ff5f3b;position:absolute;background-color:white;border-radius:10000px}.controls .icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:40%;fill:#ff785a;transition:height 0.25s ease-in-out}.controls .icon:hover svg{height:45%}.controls .icon.active{background-color:#ff5f3b}.controls .icon.active svg{fill:white}.controls .icon.active .play{display:none}.controls .icon.active .stop{display:block}.controls .icon.disabled{opacity:0.25;pointer-events:none}.controls .icon.active--one{background-color:blue}.controls .icon.active--one svg{fill:white}.controls .icon.active--two{background-color:#f9e47a}.controls .icon.active--two svg{fill:white}.controls .icon.active--three{background-color:#b6ffdc}.controls .icon.active--three svg{fill:white}.controls .icon.active--four{background-color:#d7a0ff}.controls .icon.active--four svg{fill:white}.controls .icon.active--five{background-color:#9a0000}.controls .icon.active--five svg{fill:white}.controls .icon--play{right:2vw;top:2vw}.controls .icon--play .stop{display:none}.controls .icon--pen{left:2vw;bottom:2vw}.controls .icon--share{bottom:2vw;right:2vw}.controls .icon--clear{right:9vw;top:2vw}.controls .icon--undo{top:2vw;right:16vw}.controls .bar{height:6vw;position:absolute;display:flex;flex-direction:row;align-items:center}.controls .bar .inner{background-color:white;padding:0.0vw 1vw;border-radius:100px;display:flex;flex-direction:row;align-items:center}.controls .bar .label{font-size:17px;margin-right:0.5em}.controls .bar.active--one .button--effect svg{fill:blue}.controls .bar.active--two .button--effect svg{fill:#f9e47a}.controls .bar.active--three .button--effect svg{fill:#b6ffdc}.controls .bar.active--four .button--effect svg{fill:#d7a0ff}.controls .bar.active--five .button--effect svg{fill:#9a0000}.controls .bar .button{transition:transform 0.25s ease-in-out}.controls .bar .button:hover{transform:scale(1.1)}.controls .bar .button--brush{background-color:black;height:2.0em;width:2.0em;line-height:0.5em;margin-right:0.5em;border-radius:1000px;margin-top:0.5em;margin-bottom:0.5em}.controls .bar .button--brush--one{background-color:blue}.controls .bar .button--brush--two{background-color:#f9e47a}.controls .bar .button--brush--three{background-color:#b6ffdc}.controls .bar .button--brush--four{background-color:#d7a0ff}.controls .bar .button--brush--five{background-color:#9a0000}.controls .bar .button--brush.active{border:5px solid rgba(128,128,128,0.75)}.controls .bar .button--effect{position:relative}.controls .bar .button--effect svg{height:2.5em;width:auto}.controls .bar .button--effect.active::before{content:"";position:absolute;top:5%;bottom:9%;right:7%;left:7%;border-radius:1000px;border:5px solid rgba(128,128,128,0.75)}.controls .bar .separator{width:5px;margin:0 0.5em;background-color:rgba(255,120,90,0.25);height:3.5em}.controls .bar--pen{bottom:2vw;left:2vw}body{background:#ff785a;font-family:"Dazzed", Arial, Helvetica, sans-serif;font-weight:700}.logo{position:absolute;top:2vw;left:2vw}.logo img{display:block;height:70px;width:auto}
/*# sourceMappingURL=style.css.map */