#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)}}@keyframes fadeZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.fade-zoom{animation:fadeZoom 1.2s ease-out forwards}.bg-animate{background:linear-gradient(135deg,#fff,#f8f0ff);background-size:200% 200%;animation:gradientShift 8s ease infinite}.bounce{animation:bounce 1.6s ease-in-out infinite}.card{padding:2em}.read-the-docs{color:#888}