i definitely did not steal a code
-
:root { --space-star-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 348.4 429.4'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M348.4 186.2C191 207.6 193 219.6 174.3 429.5c-18.9-210-16.9-222-174.3-243.4C157.4 164.8 152.8 157.4 174.2 0c21.4 157.4 16.8 164.8 174.3 186.2Z' data-name='Layer 1' style='fill:%23231f20'/%3E%3C/g%3E%3C/svg%3E"); --space-void: 22 23 33; --space-moon: 229 214 157; } blockquote, div.blockquote, #toc { background-color: rgb(var(--space-void) / 0.575); border: none; padding: 0.25rem 1.325rem; } blockquote, div.blockquote { position: relative; min-height: 2rem; } :where(blockquote, div.blockquote)::before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border: solid 0.1rem rgb(var(--space-moon)); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 1.425rem, 1.125rem 0); pointer-events: none; } :where(blockquote, div.blockquote)::after { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 2rem; height: 2rem; background-color: rgb(var(--space-moon)); -webkit-mask-image: var(--space-star-mask); -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; mask-image: var(--space-star-mask); mask-size: contain; mask-position: center; mask-repeat: no-repeat; transform: translate(-50%, -42.5%); }
-
dude what