@font-face{font-family:FrankyToys;font-display:swap;src:url(/etch-a-sketch/assets/FrankyToys-CRP03_Si.woff2) format(woff2)}:root{font-family:FrankyToys,cursive;scroll-behavior:smooth;position:relative;color:#2f2f2f;background:#faf9f6}#app{display:flex;min-height:100dvh;align-items:center;flex-direction:column;justify-content:space-between}body{margin:0}header>h1{font-size:2.375rem;-webkit-user-select:none;user-select:none}@media only screen and (min-width: 48rem){header>h1{font-size:3.375rem}}main{display:inherit;flex-direction:column-reverse;justify-content:center;align-items:center;gap:3rem}@media only screen and (min-width: 48rem){main{flex-direction:row;gap:5em}}main p{font-size:1.25rem;font-weight:700;-webkit-user-select:none;user-select:none;line-height:0}#tools{display:inherit;flex-direction:column;justify-content:center;align-items:center;gap:1rem}#tools #color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0;border:0;width:5rem;height:5rem;cursor:pointer}#tools #color-picker:hover{transition:.1s linear;scale:1.05}#tools button{font-family:inherit;font-size:1rem;outline:none;width:11rem;height:2.625rem;cursor:pointer;border-radius:.25rem;border:.125rem solid #2f2f2f;background:#fff}#tools button:hover{transition:scale .1s linear;scale:1.05}.color-selection-active{color:var(--contrast, white);background:var(--picked-color, #2f2f2f)!important}.rainbow-mode-active{text-shadow:1px 1px white;background:linear-gradient(135deg,red,orange 20%,#d0de21,#4fdc4a,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9)!important}.eraser-active{box-shadow:inset 3rem 0 #ff4f4f,inset -3rem 0 #4f6fcf}.clear-active{color:#fff;background:#cc0030!important;text-shadow:1px 1px #2f2f2f}#grid-size{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:6rem;height:.375rem;border-radius:.375rem;background:#2f2f2f}#grid-size::-moz-range-thumb{cursor:grab;border-radius:50%;border:.125rem solid #2f2f2f;background:#faf9f6;width:.875rem;height:.875rem}#grid-size:hover::-moz-range-thumb{border-color:#2f2f2f;background:#2f2f2f}#grid-size:active::-moz-range-thumb{cursor:grabbing}#grid-size::-moz-range-progress{background:#faf9f6;height:.125rem}#grid-size::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:grab;border-radius:50%;border:.125rem solid #2f2f2f;background:#faf9f6;width:1.125rem;height:1.125rem}#grid-size:hover::-webkit-slider-thumb{border-color:#2f2f2f;background:#2f2f2f}#grid-size:active::-webkit-slider-thumb{cursor:grabbing}#grid{display:grid;grid-template-columns:repeat(var(--grid-count, 16),1fr);-webkit-user-select:none;user-select:none;width:18.75rem;height:18.75rem;box-shadow:0 0 .25rem 1px #2f2f2f;border-radius:.125rem}#grid .grid-element{border:0;padding:0;outline:none;background:var(--tertiary, white)}@media only screen and (min-width: 36rem){#grid{width:25rem;height:25rem}}@media only screen and (min-width: 48rem){#grid{width:31.25rem;height:31.25rem}}footer{margin-top:2rem;-webkit-user-select:none;user-select:none;margin-bottom:1.25rem;font-size:1.125rem;text-align:center;bottom:0}footer a{display:block;color:inherit;text-decoration:none}footer a img{width:1.1875rem;height:1.1875rem;margin-right:.125rem;vertical-align:-.125rem}footer a:hover{transition:.1s linear;scale:1.1}