:root { font-family: -apple-system, BlinkMacSystemFont, sans-serif; color: #eaf1ed; background: #17211f; } body { margin: 0; } main { max-width: 760px; margin: auto; padding: 8vh 24px; } h1 { font-size: clamp(2rem, 7vw, 4rem); margin: 0 0 12px; } .eyebrow { color: #8dd9b8; letter-spacing: .12em; font-weight: 700; } #projects { display: grid; gap: 12px; margin-top: 32px; } article { padding: 20px; border-radius: 14px; background: #24342f; } article h2 { margin-top: 0; } button { margin: 4px 8px 0 0; padding: 10px 14px; border: 0; border-radius: 8px; font: inherit; cursor: pointer; } button:disabled { opacity: .45; cursor: not-allowed; } .state { color: #c9d6d0; overflow-wrap: anywhere; } .ready { color: #8dd9b8; } .missing { color: #ffcc88; }