@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#36393f;margin:0}*,body{font-family:JetBrains Mono,monospace}:root{--page-size:45rem}.App{background-color:#36393f;color:#fff;font-size:2rem;justify-content:center;min-height:100vh}button{background-color:#00ff90;border-radius:.5rem;border-style:none;color:#fff;cursor:pointer;font-size:2.1rem;transition:.4s}button:hover{filter:brightness(80%)}button:disabled{filter:brightness(65%)}.nav{background-color:#212326;display:flex;font-size:2.19rem;justify-content:center;padding:1rem}.innerNav{max-width:45rem;max-width:var(--page-size);width:100%}span#credits{color:#36393e;font-size:1rem}button#info{color:#212326;display:block;font-weight:900;height:3rem;margin-left:auto;margin-top:-3rem;width:3rem}a{color:#fff;text-decoration:none}.info-div{display:none}.info-box{background:#16181c;border-radius:.5rem;color:#fff;font-size:1.1rem;left:50%;padding:1rem;position:absolute;text-align:left;top:50%;transform:translateX(-50%) translateY(-50%);width:37vh;z-index:2}img#github-repo{border-radius:.5rem;height:3rem}p#title{font-size:2.5rem;font-weight:700;margin:0}.info-close-button{border-radius:.5rem;color:#16181c;font-size:1.6rem;font-weight:700;margin-top:.8rem;padding:.45rem 1rem}.contents{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.innerContents{max-width:45rem;max-width:var(--page-size)}span.start-text{color:#00ff90}.upload-image-button{color:#36393f;font-weight:600;margin-bottom:1rem;margin-top:1rem}img.start-image-1,img.start-image-2{width:14.4rem}.start-stack-divs{display:flex;overflow:hidden}.start-stacking-divs{float:left}.start-imgdiv-1{margin-right:1rem}.arrowStart{align-items:center;font-size:100px;padding-left:4rem;padding-right:5rem}.hide,div#editor{display:none}span.editor-text{color:#00ff90;display:inline-block;font-size:1.4rem}.editor-canvas{-ms-interpolation-mode:nearest-neighbor;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;transform:scale(13);transform-origin:left top}span.editor-input-label{color:#ced1d5;font-size:1.2rem}.invert-input{direction:rtl}.editor-range-input{-webkit-appearance:none;background:#efefef;border-radius:1rem;height:1rem;outline:none;transition:opacity .15s ease-in-out;width:120%}.editor-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border-radius:1rem;cursor:pointer;height:2rem;width:2rem}.editor-grid-top{grid-area:header}.editor-grid-left{grid-area:sliders;margin-top:1rem;width:17rem}.editor-grid-right{grid-area:preview;width:9rem}.editor-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"header header" "sliders preview"}.editor-finish-button{color:#36393f;font-weight:600;margin-top:1.1rem;width:20.5rem}.advanced-dropdown-bg{background-color:#292b30;border-radius:1rem;margin-top:.6rem;width:20.5rem}.advanced-dropdown-div{display:none;padding:0 .5rem .5rem}.advanced-button{background-color:#52bbff;color:#36393f;font-size:1.6rem;font-weight:600;padding:.4rem 0;width:20.5rem}.clr-input{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;height:27px;width:55px}.clr-input::-webkit-color-swatch{border:none;border-radius:1rem}.editor-aspect-ratio-size-control-div{display:none}.editor-precise-div{display:none;margin-bottom:.5rem;margin-top:-1rem;width:20.5rem}.editor-precise-button{background-color:#04aa6d;color:#36393f;font-size:1rem;font-weight:800;padding:0 1.3rem}.editor-precise-left-button{margin-left:14rem}.editor-label-stack{width:20.5rem}.editor-reset-btn{background-color:#e3505f;border-radius:10rem;color:#36393f;float:right;font-size:1.2rem;font-weight:900;height:2rem;margin-top:.7rem;width:2rem}div#finish{display:none;text-align:center}img.finish-img{image-rendering:pixelated;width:18rem}.finish-download-button,.finish-upload-button{color:#36393f;font-weight:600;margin-top:1rem}.finish-upload-button{background-color:#ff9b61;margin-bottom:1.5rem;margin-left:2rem}.mobile-btn-seperator-div,canvas#finish-canvas{display:none}@media only screen and (max-device-width:718px){.arrowStart{padding-left:0;padding-right:1rem}}@media only screen and (max-device-width:602px){.finish-upload-button{margin-left:0}.mobile-btn-seperator-div{display:block}.arrowStart{display:none}}@media only screen and (max-device-width:520px){img.start-image-1,img.start-image-2{width:10rem}}@media only screen and (max-device-width:580px){.editor-grid-top{grid-area:header}.editor-grid-left{grid-area:sliders;margin-top:-1rem;width:17rem}.editor-grid-right{grid-area:preview}.editor-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"header header" "sliders sliders" "preview preview"}.editor-canvas{-ms-interpolation-mode:nearest-neighbor;-webkit-transform-origin-x:-.12rem;-webkit-transform-origin-y:0;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;padding-bottom:.1rem;padding-top:.05rem;transform:scale(17)}}.redirect-btn{width:100%}
/*# sourceMappingURL=main.47480c34.css.map*/