/* Secretly Clever palette, from the social kit avatar: dark navy, amber bulb, cool grey. Mobile first. */
body { font: 17px/1.55 -apple-system, system-ui, sans-serif; max-width: 520px; margin: 0 auto; padding: 32px 20px; color: #f4f5f7; background: #0d1117; text-align: center; }
h1 { font-size: 2.2em; line-height: 1.15; margin: .4em 0 .2em; letter-spacing: .01em; }
.avatar { display: block; width: 128px; height: 128px; margin: 0 auto; border-radius: 28px; }
.lead { color: #b5bac4; margin: 0 0 1.6em; }
a { color: #ffb21e; } a:focus-visible { outline: 3px solid #ffb21e; outline-offset: 3px; }
.links { list-style: none; margin: 0; padding: 0; }
.links li { margin: 0 0 12px; }
.btn { display: flex; justify-content: space-between; align-items: center; min-height: 56px; box-sizing: border-box; padding: 12px 20px; border-radius: 14px; background: #ffb21e; color: #12151b; font-weight: 700; font-size: 1.05em; text-decoration: none; }
.btn span { font-weight: 500; font-size: .9em; opacity: .8; }
.btn:hover { background: #ffc34f; }
main > p > .btn { justify-content: center; }
.contact { margin: 1.8em 0 0; font-size: 1.05em; }
footer { margin-top: 3em; font-size: 13px; color: #8a919d; } footer a { color: #b5bac4; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.skip { position: absolute; left: -10000px; } .skip:focus { position: static; }
@media (min-width: 700px) { body { padding-top: 64px; } }