@import url(https://fonts.googleapis.com/css2?family=Play&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}body,html{margin:0;padding:0}body{background:#2f4f4f;color:#e8e8e8;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}#editor,body{align-items:center;display:flex}#editor{border:1px solid #f05454;border-radius:.25rem;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:#2f4f4f;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:#f05454;box-shadow:0 0 .5rem #30475e;outline:none!important}#editor .button{background-color:#f05454;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:#f05454;cursor:pointer}#editor .swatches-picker{margin-bottom:1.5rem!important}@media(max-width:1100px){.swatches-picker{max-width:80%!important}#editor{padding:.5rem 2rem 1rem}}@media(max-width:450px){#editor{padding:.2rem 1rem}}#creationPanel{align-items:center;display:flex;flex-direction:column}#pixels{margin-bottom:2rem}.row{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pixel{height:1.5rem;width:1.5rem}.pixel:hover{cursor:pointer}@media(max-width:1100px){.pixel{height:1rem;width:1rem}}
/*# sourceMappingURL=main.ac72e020.css.map*/