body { margin: 0; background: #000; color: #eee; font-family: monospace; } .static-portfolio { position: fixed; inset: 0; height: 100dvh; display: grid; grid-template-rows: 1fr auto; text-align: center; box-sizing: border-box; padding: 24px 16px max(24px, env(safe-area-inset-bottom)); } .static-portfolio h1 { align-self: center; font-size: clamp(24px, 6vw, 60px); } .static-portfolio summary { display: inline-block; padding: 14px 20px; border: 1px solid #777; cursor: pointer; list-style: none; } .static-portfolio a { display: inline-block; color: #fff; padding: 12px 0; overflow-wrap: anywhere; } .static-portfolio :focus-visible { outline: 2px solid #00cfff; outline-offset: 4px; }

Ryan Craighead

[ CONTACT ]

ryan12craighead@gmail.com