*{box-sizing:border-box;margin:0;outline:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#360548;color:var(--green500)}body,button,html,input,select{font-family:Roboto,sans-serif;font-style:normal;font-weight:900}#root,body,html{height:100%}button{cursor:pointer}.stage-container{height:auto;margin-top:20px;width:100%}.stage-container .konvajs-content{box-shadow:4px 4px 0 #000}.stage-container .konvajs-content,.stage-container .konvajs-content canvas{border-radius:3px;height:auto!important;outline:none;position:static!important;width:100%!important}.container{align-items:center;display:flex;flex-direction:column;justify-content:center}.body-container{max-width:600px;padding:20px;width:100%}h1{color:#8cc63f;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-size:60px;font-style:normal;font-weight:900;margin-bottom:20px;margin-top:20px;text-align:center;text-shadow:3px 3px 0 #000}.inputs-row,.range-input-container,.select-container{margin-bottom:15px;width:100%}.inputs-row{align-items:center;display:flex;flex-direction:row}.file-input-container,.text-input-container{margin-right:10px}.text-input-container{flex:1 1}.file-input-container:last-child,.text-input-container:last-child{margin-right:0}.buttons-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.button-icon{align-items:center;background-color:#8cc63f;border:none;border-radius:5px;box-shadow:3px 3px 0 #000;color:#360548;cursor:pointer;display:inline-flex;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none;transition:box-shadow .3s ease}.button-icon:hover{box-shadow:0 3px 0 #000}.button-icon svg{height:18px;margin-right:8px;width:18px}.text-input-container input{border:none;border-radius:5px}.range-input-container input[type=range],.select-container select,.text-input-container input{background-color:#fff;box-shadow:3px 3px 0 #000;color:#360548;font-size:16px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.range-input-container input[type=range],.select-container select{-webkit-appearance:none;appearance:none;border:1px solid #8cc63f;border-radius:5px;margin-top:10px}.select-container select option,.text-input-container input::placeholder{color:#999}.range-input-container input[type=range]:focus,.select-container select:focus,.text-input-container input:focus{border-color:#8cc63f;box-shadow:0 3px 0 #000;outline:none}.range-input-container input[type=range]{-webkit-appearance:none;background:#fff;border-radius:3px;height:6px;outline:none;width:100%}.range-input-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e30613;border-radius:50%;cursor:pointer;height:20px;width:20px}.range-input-container input[type=range]::-moz-range-thumb{appearance:none;background:#e30613;border-radius:50%;cursor:pointer;height:20px;width:20px}label{color:#fff;font-family:Roboto,sans-serif}@media (max-width:768px){h1{font-size:40px}}
/*# sourceMappingURL=main.af710d10.css.map*/