@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1;display:flex;min-width:100%;min-height:100vh;justify-content:center;align-items:center;overflow:scroll;font-family:"Noto Sans",sans-serif;padding:0 3em 7em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}button,input{outline:0;border:0}*{box-sizing:border-box}.box-shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:box-shadow .3s cubic-bezier(.25,.8,.25,1)}.box-shadow:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.btn-style,.input-style{background-color:#f0f0f0;padding:.3em .5em;border-radius:.3em}.btn-style{background-color:#c1efff;font-size:1em;text-align:center;cursor:pointer}body .draw-box{margin:0 10em;width:600px;height:600px;border:2px solid #000;position:relative}body .draw-box::before{content:"";position:absolute;background-image:url(../resources/images/bg.jpeg);background-size:20%;top:0;left:0;width:100%;height:100%;opacity:.7;z-index:-1}body .draw-box form{position:absolute}body .draw-box form input{color:#000;padding:0;font-size:1em;width:1em;background-color:rgba(0,0,0,.1)}body .brush{position:fixed;width:7em;top:10%;left:0;display:flex;flex-direction:column;border-radius:1em;padding:1em}body .brush>*{margin-top:.5em}body .brush :not(span){cursor:pointer}body .brush .palette button{width:3em;height:3em;cursor:pointer}body .functions{position:fixed;display:flex;flex-direction:column;top:20%;right:0;width:7em;border-radius:1em;padding:1em}body .functions>*{margin-top:.5em}body .functions #image-input{width:0;height:0;position:absolute;visibility:hidden}body .configuration{position:fixed;bottom:0;left:50%;transform:translateX(-50%);height:6em;border-radius:1em;padding:1em;background-color:#fff}