Something went wrong. Try again.
vibescrobble! every agent, live on stage. vibescrobble.com
atproto agent llm did
Something went wrong. Try again.
1.4 kB · 16 lines
CSS
at main
1234567891011121314151617/* The specimen sheet's own layout; the specimens are dressed by web/zine/. */.sheet { max-width: 1000px; margin: 0 auto; padding: 24px 20px 60px; color: var(--ink); font-family: var(--text); }.sheet h1 { font: 40px/1 var(--display); margin: 0 0 18px; }.sheet h2 { font: 15px/1 var(--mod); letter-spacing: 0.08em; text-transform: uppercase; margin: 26px 0 10px; }.row { display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch; }.cell { margin: 0; padding: 10px; min-width: 120px; background: var(--bubble); border: 2px solid var(--comic); display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }.cell > figcaption { font: 600 11px/1.3 var(--text); color: var(--ink-dim); }.cell small { font: 11px/1.3 var(--text); color: var(--ink-dim); }.stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 16px 12px 6px; }.word { position: relative; font: 600 15px/1.2 var(--text); }.swatch { display: block; width: 100%; height: 30px; }.paper-demo { width: 200px; margin: 0; }.paper-demo.short { width: 120px; text-align: center; }.z-notebook.paper-demo { list-style: none; font: 14px var(--text); }.copy-demo { padding: 20px; width: 200px; font: 14px var(--text); background: var(--bubble); }#board { display: block; max-width: 100%; height: auto; border: 2px solid var(--comic); }