#root{max-width:1280px;margin:0 auto;text-align:center}@keyframes draw-path{0%{stroke-dashoffset:2500}to{stroke-dashoffset:0}}@keyframes checkpoint-fade-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes checkpoint-pulse{0%,to{opacity:.7}50%{opacity:1}}.progress-path{stroke-dasharray:2500;stroke-dashoffset:2500;animation:draw-path 4s ease-out forwards}.checkpoint{opacity:0;animation:checkpoint-fade-in .5s ease-out forwards}.checkpoint-1{animation-delay:0s}.checkpoint-2{animation-delay:1s}.checkpoint-3{animation-delay:2s}.checkpoint-4{animation-delay:3s}.checkpoint-5{animation-delay:4s}.checkpoint-active{animation:checkpoint-fade-in .5s ease-out forwards,checkpoint-pulse 2s ease-in-out infinite;animation-delay:4s,4.5s}.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(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}