@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Cheltenham";font-style:normal;font-weight:400;src:local("ITC Cheltenham Std Bold Italic"),url(/HeraldMagic/static/media/CheltenhamStdBoldItalic.b0a0eba6.woff) format("woff")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#5c5c5c;height:12vh;width:100vw;display:inline-block;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}#Header-text{font-size:5vh;position:relative;top:2vh}#Header-text,p{font-family:"IBM Plex Mono",monospace}p{margin:0}.App-link,.App-text{color:#61dafb}#App-Body{display:grid;grid-template-columns:30vw 70vw}.App-Config{min-height:88vh;padding:0 auto;width:30vw;margin:0;background-color:#f5f5f5}#backgroundpick{display:none}.App-Canvas{margin:auto;position:relative}.Upload-text{color:#174552;padding:3vh 2vh 2vh;font-size:2.5vh}.btn{bottom:10px;margin:1vh;width:16vh;background:transparent;color:#2c4bff;padding:2vh;border-radius:5px;border:3px solid #2c4bff;text-align:center;text-decoration:none;transition:.25s;cursor:pointer}.btn:focus,.btn:hover{box-shadow:inset 0 0 0 3em #2c4bff;color:#fff}.btn span{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:2.5vh;margin:0}#body{display:grid}.gui{position:absolute;z-index:100;width:600px;height:738px;pointer-events:none;left:100px;top:31px}.react-colorful{padding:3vh;margin:0 auto}#colorPickerInput{border-style:none;background-color:transparent;text-align:center;font-size:2.5vh;font-family:"Space Mono",monospace;margin:0}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:5;cursor:pointer}.dropdown-content p{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content p:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#2c4bff;color:#fff}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.06c75dbb.chunk.css.map */