@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap);@import url(https://fonts.googleapis.com/css2?family=Akaya+Telivigala&display=swap);@import url(https://fonts.googleapis.com/css2?family=Reggae+One&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:#222831;color:#e8e8e8;justify-content:center;font-family:"Caveat",cursive,sans-serif;text-align:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}#editor,body{display:flex;align-items:center}#editor{border:1px solid #f05454;border-radius:.25rem;padding:1rem 4rem 2rem;margin-top:2rem;flex-direction:column}#editor h1{margin:1rem 0;font-size:5rem;font-family:"Akaya Telivigala",cursive}#editor h2{margin:2rem 0;font-size:2.5rem}#editor #options{display:flex;margin-bottom:3rem;justify-content:center}#editor #options .option{display:flex;flex-direction:column;font-size:1.5rem;font-family:"Akaya Telivigala",cursive}#editor #options .panelInput{height:5rem;width:5rem;font-size:2rem;font-family:"Reggae One",cursive;text-align:center;background-color:#222831;color:#e8e8e8;border:1px solid #30475e;border-radius:1rem;margin:0 1rem .5rem;padding-left:1rem}#editor #options .panelInput:focus{outline:none!important;border-color:#f05454;box-shadow:0 0 .5rem #30475e}#editor .button{font-size:1.25rem;background-color:#f05454;color:#e8e8e8;font-family:"Akaya Telivigala",cursive;padding:1rem 3rem;border-radius:.25rem;text-transform:uppercase;border:1px solid transparent;transition:background-color .2s ease-in-out;margin-bottom:2rem}#editor .button:hover{cursor:pointer;background-color:transparent;border-color:#f05454}#editor .circle-picker{margin-bottom:1.5rem!important}#drawingPanel{display:flex;flex-direction:column;align-items:center}#pixels{margin-bottom:2rem}#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}
/*# sourceMappingURL=main.b9653c83.chunk.css.map */