@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap";:root{--color-bg:#111;--color-text:#fff;--color-cyan:#0ff;--color-pink:#f0f;--color-yellow:#ff0;--color-black:#000}*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}body{background-color:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none;background-image:radial-gradient(#f0f3 2px,#0000 2px),radial-gradient(#0ff3 2px,#0000 2px);background-position:0 0,30px 30px;background-size:60px 60px;overflow:hidden}#root{width:100vw;height:100vh;position:relative}.sticker{border:6px solid var(--color-black);background-color:var(--color-text);color:var(--color-black);text-transform:uppercase;cursor:grab;box-shadow:8px 8px 0px var(--color-pink);z-index:10;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:flex;position:absolute}.sticker:active{cursor:grabbing}.sticker img{object-fit:cover;border:4px solid var(--color-black);background:#fff;width:100px;height:100px}.sticker.cyan{box-shadow:8px 8px 0px var(--color-cyan)}.sticker.yellow{box-shadow:8px 8px 0px var(--color-yellow)}.sticker.black{box-shadow:8px 8px 0px var(--color-black);border-color:var(--color-cyan)}.sticker:hover{background-color:var(--color-yellow);box-shadow:12px 12px 0px var(--color-pink)}.sticker.cyan:hover{box-shadow:12px 12px 0px var(--color-cyan)}.sticker.yellow:hover{box-shadow:12px 12px 0px var(--color-yellow)}.header-title{text-align:center;pointer-events:none;text-shadow:10px 10px 0px var(--color-pink), -10px -10px 0px var(--color-cyan);color:var(--color-text);z-index:0;white-space:nowrap;font-size:10vw;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instruction{color:var(--color-yellow);background:var(--color-black);border:4px solid var(--color-text);pointer-events:none;text-align:center;white-space:nowrap;padding:.5rem 1rem;font-size:1.5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (width<=768px){.header-title{text-shadow:6px 6px 0px var(--color-pink), -6px -6px 0px var(--color-cyan);font-size:13vw}.sticker{box-shadow:6px 6px 0px var(--color-pink);border-width:4px;padding:.75rem 1rem;font-size:1.1rem}.sticker.cyan{box-shadow:6px 6px 0px var(--color-cyan)}.sticker.yellow{box-shadow:6px 6px 0px var(--color-yellow)}.sticker.black{box-shadow:6px 6px 0px var(--color-black)}.sticker:hover{box-shadow:8px 8px 0px var(--color-pink)}.sticker.cyan:hover{box-shadow:8px 8px 0px var(--color-cyan)}.sticker.yellow:hover{box-shadow:8px 8px 0px var(--color-yellow)}.sticker img{border-width:3px;width:65px;height:65px}.instruction{border-width:3px;font-size:1rem;bottom:1rem}}