#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Comic Sans MS,cursive;line-height:1.6;color:ivory;background-color:#1a1a1a;padding:2rem}.container{max-width:600px;margin:0 auto;padding:2rem 0}.bio-card{width:100%}.avatar{width:200px;height:200px;border-radius:0;object-fit:cover;display:block;margin:2rem auto;border:none}h1{font-family:Open Sans,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:ivory;text-align:center}.tagline{font-family:Comic Sans MS,cursive;font-size:1.1rem;color:ivory;margin-bottom:2rem;text-align:left}.body{font-family:Comic Sans MS,cursive;color:ivory;line-height:1.6;margin-bottom:2rem;text-align:left}.links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.links a{font-family:Comic Sans MS,cursive;color:#06c;text-decoration:underline;background:none;border:none;padding:0;font-size:inherit}.links a:hover{color:#049;transform:none;background:none;border:none}