*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#e74c3c;color:#20202b;animation:bg-color 10s infinite}a{color:inherit}header{background:#ffffffed;border-bottom:1px solid #0002}nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:16px 24px;min-height:74px}.site-name{text-decoration:none;font-weight:700;font-size:20px;margin-right:auto;white-space:nowrap}.nav-links{display:flex;flex-wrap:wrap;gap:6px 8px}.nav-links a{padding:10px 12px;text-decoration:none;border-radius:4px;font-size:16px}.nav-links a:hover,.nav-links a[aria-current=page]{background:#252533;color:white}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:8px}a:focus-visible,button:focus-visible{outline:3px solid #161640;outline-offset:4px}.home{padding:8px;min-height:calc(100vh - 74px)}.art{display:block;width:285px;max-width:100%;height:auto}.content{max-width:780px;margin:48px auto;padding:36px;background:#fffffff5;border-radius:6px;box-shadow:0 5px 25px #0001}h1{font-size:clamp(32px,6vw,48px);margin:0 0 20px;line-height:1.1}h2{font-size:25px;margin-top:0}p{font-size:18px;line-height:1.65}.card{padding:24px;border:1px solid #d6d6dd;border-radius:4px;margin-top:24px;background:white}.button{display:inline-block;text-decoration:none;padding:13px 19px;background:#252533;color:white;border-radius:4px;font-weight:700;font-size:16px}.button:hover{background:#464666}.small{font-size:15px}.motion-control{position:fixed;right:16px;bottom:16px;border:1px solid #252533;background:#fffffff0;color:#252533;border-radius:4px;padding:10px 14px;font:14px Arial;cursor:pointer}body.paused{animation-play-state:paused}@keyframes bg-color{0%,100%{background-color:#e74c3c}20%{background-color:#f1c40f}40%{background-color:#1abc9c}60%{background-color:#3498db}80%{background-color:#9b59b6}}@media(prefers-reduced-motion:reduce){body{animation:none;background:#3498db}.motion-control{display:none}}@media(max-width:600px){nav{padding:12px 16px;gap:10px}.site-name{width:100%}.nav-links{gap:4px}.nav-links a{padding:9px;font-size:15px}.content{margin:24px 16px 76px;padding:24px}.card{padding:18px}}
body:has(.home){display:flex;flex-direction:column}.home{min-height:0;flex:1}

/* Freebies: a compact, personal collection of links. */
.link-hub{width:calc(100% - 32px);max-width:580px;margin:34px auto 90px;color:#252533}
.hub-profile{text-align:center;margin-bottom:26px}.hub-avatar{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:auto;border:2px solid #252533;border-radius:50%;background:#f5ff99;box-shadow:3px 3px 0 #252533;font:bold 38px Georgia,serif;letter-spacing:-3px;padding-right:4px}
.hub-name{display:inline-block;margin:18px 0 12px;padding:5px 14px;border-radius:30px;background:#fff;font-size:15px;font-weight:700;line-height:1.4}
.hub-profile h1{font-size:clamp(26px,5vw,34px);line-height:1.15;margin:0 0 10px;letter-spacing:-1px}
.hub-profile>p:last-child{margin:0;font-size:16px;background:#ffffffef;display:table;padding:5px 12px;border-radius:6px;margin-inline:auto}
.hub-links{display:grid;gap:14px}.hub-link{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:15px;min-height:88px;padding:16px 20px;border:2px solid #252533;border-radius:18px;background:#fff;text-decoration:none;box-shadow:4px 4px 0 #252533;transition:transform .15s,box-shadow .15s}
.hub-link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #252533}.hub-link:focus-visible{outline:3px solid white;outline-offset:5px}
.hub-link strong{display:block;font-size:17px;line-height:1.35}.hub-link small{display:block;margin-top:5px;color:#54545f;font-size:14px;line-height:1.4}.link-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#eeeafa;border-radius:12px;font-size:25px}.font-icon{font-family:Georgia,serif;font-weight:bold}.link-arrow{font-size:22px;text-align:right}.hub-featured{background:#f5ff99}.hub-featured .link-icon{background:#252533;color:#f5ff99}.hub-signoff{text-align:center;font-size:15px;font-weight:700;margin-top:26px}.hub-signoff span{margin-left:5px}
@media(max-width:600px){.link-hub{margin-top:26px}.hub-link{padding:15px 13px;gap:12px}.hub-link strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hub-link{transition:none}}