*{box-sizing:border-box}:root{--background-color: rgb(250, 250, 250);--box-shadow-color: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--background-color: rgb(10, 10, 10);--box-shadow-color: rgba(100, 100, 100, .05)}}@keyframes vibe{0%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}html,body{transition:background-color 1s ease;background:var(--background-color);margin:0;padding:0;font-size:14px}body{width:100vw;height:100vh}.main{display:grid;width:100%;height:100%;grid-template-rows:1fr 10em}.card{justify-self:center;align-self:center;transition:box-shadow .1s ease,background-color 1s ease;box-shadow:var(--box-shadow-x, 0) var(--box-shadow-y, 0) 10rem 5rem var(--box-shadow-color);background:var(--background-color);padding:.5rem;border-radius:100%}@media (prefers-color-scheme: dark){.card{background:#333}}.avatar-wrap{overflow:hidden;border-radius:100%;aspect-ratio:1/1;width:calc(100vw - 2rem);max-width:300px;animation:vibe 2s infinite cubic-bezier(.68,-.6,.32,1.6)}.avatar-wrap img{height:100%;width:auto;object-fit:contain;object-position:center center}.links{text-align:center}.links a{transition:all .25s ease;opacity:.25}.links a:hover,.links a:focus{opacity:1}.links a:hover .icon-bsky,.links a:focus .icon-bsky{filter:drop-shadow(0px 0px 20px rgba(17,133,254,.5))}.links a:hover .icon-bsky>path,.links a:focus .icon-bsky>path{fill:#1185fe}.links a:hover .icon-mastodon,.links a:focus .icon-mastodon{filter:drop-shadow(0px 0px 20px rgba(99,100,255,.5))}.links a:hover .icon-mastodon>path,.links a:focus .icon-mastodon>path{fill:#6364ff}.links{text-align:center;display:flex;align-items:center;justify-content:center}.links__list{list-style-type:none;padding:0;margin:0;display:flex;gap:1.5rem}.links__list-item{display:inline-block}.icon-bsky>path,.icon-mastodon>path{transition:all .25s ease;fill:#000}@media (prefers-color-scheme: dark){.icon-bsky>path,.icon-mastodon>path{fill:#fff}}