@import url(https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pixel{height:1.5rem;width:1.5rem}.pixel:hover{cursor:pointer}.row{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#drawingPanel{align-items:center;display:flex;flex-direction:column}#pixels{margin:0 auto 2rem}#editor{align-items:center;border:1px solid #1db9c3;border-radius:.25rem;display:flex;flex-direction:column;margin-top:2rem;padding:1rem 4rem 2rem}#editor h1{margin-bottom:1.5rem}#editor h2{margin-bottom:1rem}#editor #options{display:flex;justify-content:center;margin-bottom:3rem}#editor #options .option{display:flex;flex-direction:column}#editor #options .panelInput{background-color:#222831;border:1px solid #30475e;border-radius:.25rem;color:#e8e8e8;font-size:2rem;height:5rem;margin:0 1rem .5rem;padding-left:1rem;text-align:center;width:5rem}#editor #options .panelInput:focus{border-color:#1db9c3;box-shadow:0 0 .5rem #30475e;outline:none!important}#editor .button{background-color:#1db9c3;border:1px solid transparent;border-radius:.25rem;color:#e8e8e8;font-size:1.25rem;margin-bottom:2rem;padding:1rem 3rem;text-transform:uppercase;transition:background-color .2s ease-in-out}#editor .button:hover{background-color:transparent;border-color:#1db9c3;cursor:pointer}#editor .circle-picker{margin-bottom:1.5rem!important}#editor .button-outline{background-color:transparent;border:1px solid #e8e8e8;border-radius:.25rem;color:#e8e8e8;font-size:1rem;margin:0 .5rem 2rem;padding:.7rem 2rem;transition:background-color .2s ease-in-out}#editor .button-outline:hover{background-color:#e8e8e8;border-color:#e8e8e8;color:#222831;cursor:pointer}#editor .button-back{background-color:transparent;border:none;color:#e8e8e8;font-size:1rem;margin:0 .5rem 2rem;padding:.7rem 2rem;text-decoration:underline;transition:background-color .2s ease-in-out}#editor .button-back:hover{color:#1db9c3;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#0b0b45;color:#e8e8e8;display:flex;font-family:Play,sans-serif;justify-content:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;text-align:center}
/*# sourceMappingURL=main.8c2b7f79.css.map*/