:root{--highlight: 0 0 4px #fff, 1px 0 0px #fff3, -1px 0 0px #fff3, 1px 1px 1px #000;--font-size: 16px;--backdrop-blur: 6px;--box-border: 1px solid #484848;--block-border: 2px dashed #7c7c7c;--block-hover-border: 2px dashed rgba(0, 0, 0, .8);--box-outline: 2px solid #0e0e0e;user-select:none;background-color:#242424}b-x{position:absolute;display:block;color:#fff;background:radial-gradient(circle at 50% 56px,#111d,#000e);border:var(--box-border);border-bottom-width:3px;outline:var(--box-outline);border-radius:6px;font-family:monospace;padding:10px;backdrop-filter:blur(var(--backdrop-blur));box-shadow:inset 0 0 20px #000;gap:6px}#container{display:grid;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:0px 0px}.block{background-color:#000;border:var(--block-border);padding:15px;transition:.3s}.block:hover{border:var(--block-hover-border);opacity:.5}.colorBlock{display:flex;border:var(--box-border);padding:15px;transition:.3s}.colorBlock:hover{opacity:.5}button{font-family:monospace;font-size:12px;display:flex;color:#fff;background:radial-gradient(circle at 50% 56px,#111d,#000e);border:var(--box-border);border-bottom-width:3px;outline:var(--box-outline);border-radius:6px;backdrop-filter:blur(var(--backdrop-blur));box-shadow:inset 0 0 20px #000;transition:.3s ease-in-out}button:hover{border:var(--block-border)}@keyframes rotate{0%{rotate:0deg}to{rotate:2deg}}@keyframes upDown{0%{translate:0 0%}to{translate:0 10%}}#title{bottom:6px;font-size:9px;font-family:monospace}#title>h1{animation:rotate .1s alternate infinite ease-in-out}#title>h2{animation:upDown .3s alternate infinite ease-in-out}#selectedColorBlock{border:2px solid rgb(26,255,0);box-shadow:2px 2px 2px 1px #00ff1e}#tools{right:6px}