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}*{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}:root{--background-color:#e6d2d2;--border-color:rgba(0,0,0,.374)}#root{background:#e6d2d2;background:var(--background-color)}#root,.App{min-height:100vh}.App{align-items:center;display:flex;flex-direction:column;gap:2em;padding:1em 1em 0;text-align:center}.selector-wrapper{border-bottom:1px solid #000}.selector-wrapper button{border:1px solid gray;border-radius:.7em;cursor:pointer;margin:1em;outline:none;padding:1em 2em;transition:.3s}.selector-wrapper button:hover{background:#d1c1c1}.selected-button{background:#b49f9f}.copyright{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.copyright-content{border-top:1px solid #000;padding:.2rem;width:60%}@media (max-width:767px){*{font-size:.9em}.copyright-content{width:90%}}.pixel-grid{background:#fff;border-radius:40px;box-sizing:border-box;padding:3em 0;width:60%}.pixel-grid-main{border:1px solid var(--border-color);margin:2em auto 1em;width:80%}.pixel-line{display:flex;flex-direction:row;justify-content:center}.pixel{aspect-ratio:1/1;border:1px solid var(--border-color);display:flex;flex:1 1;position:relative;transition:all .3s}.pixel:hover{background:#db9494}.colored-pixel{background:rgba(255,0,0,.815)!important}.pixel>p{align-items:center;display:flex;font-size:1em;height:100%;justify-content:center;margin:0;position:absolute;width:100%}.pixel-x-label{right:100%}.pixel-y-label{bottom:100%}@media (max-width:767px){.pixel-grid{width:90%}}.description{box-sizing:border-box;margin:1em auto;text-align:left;width:80%}.description p{margin-left:1em}.description h2{font-size:1.1em;margin:.7em auto .3em}.step-table{margin:auto;text-align:center;width:100%}.step-table td,.step-table th{border:1px solid #7d7d7d;padding:.2em}
/*# sourceMappingURL=main.69b18b9b.css.map*/