@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&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}body,html{margin:0;padding:0}body{background:#101318;color:#e8e8e8;display:flex;justify-content:center;align-items:center;font-family:"Press Start 2P",sans-serif;text-align:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}p{font-size:.8rem}.img-grid{margin:2.5rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1.2rem}.img-wrap{margin-top:-1rem;overflow:hidden;position:relative;opacity:.8;transition:.5s}.img-wrap:hover{opacity:1}.img-wrap img{min-width:100%;min-height:100%;max-width:15rem;max-height:15rem}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.backdrop img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:60%;max-height:80%;box-shadow:3px 5px 10px rgba(0,0,0,.7);border:3px solid #fd2f55}#editor{border:1px solid #fd2f55;border-radius:.25rem;padding:1rem 2rem 2rem 4rem;margin:2rem 1rem;display:flex;flex-direction:column;align-items:center}#editor h1{margin-bottom:1.5rem}#editor h2{margin-bottom:1rem}#editor #options{display:flex;margin-bottom:3rem;justify-content:center}#editor #options .option{display:flex;flex-direction:column}#editor #options .panelInput{height:5rem;width:5rem;font-size:2rem;text-align:center;background-color:#101318;color:#e8e8e8;border:1px solid #30475e;border-radius:.25rem;margin:0 1rem .5rem;padding-left:1rem}#editor #options .panelInput:focus{outline:none!important;border-color:#fd2f55;box-shadow:0 0 .5rem #30475e}#editor .button{font-size:1.25rem;background-color:#fd2f55;color:#e8e8e8;padding:1rem 3rem;border-radius:.25rem;text-transform:uppercase;border:1px solid transparent;transition:background-color .2s ease-in-out;margin-bottom:1rem}#editor .button:hover{cursor:pointer;background-color:transparent;border-color:#fd2f55}#editor .buttonSubmit{cursor:pointer;font-size:1.25rem;background-color:transparent;color:#e8e8e8;padding:1rem 3rem;border-radius:.25rem;text-transform:uppercase;border:1px solid #fd2f55;transition:background-color .2s ease-in-out;margin-bottom:1rem}#editor .circle-picker{margin-bottom:1.5rem!important}#drawingPanel{display:flex;flex-direction:column;align-items:center}#pixels{margin-bottom:2rem}.form{display:flex;flex-direction:column;width:85%}.nameInput{height:2rem;width:98%;text-align:center;font-size:1rem;margin-bottom:1rem}.row{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pixel{width:1.5rem;height:1.5rem}.pixel:hover{cursor:pointer}.progress-bar{height:.5rem;background-color:#fd2f55;margin-top:1rem}
/*# sourceMappingURL=main.fd42a09e.chunk.css.map */