w#root{max-width:1280px;margin:0;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(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}.typewrite{white-space:nowrap;overflow:hidden;animation:typewriter 2s steps(13) infinite alternate,blink .8s steps(13) infinite normal;border-right:5px solid white;letter-spacing:.15em}@keyframes typewriter{0%{width:0}to{width:210px}}@keyframes blink{0%{border-color:white}to{border-color:transparent}}#spinningCard2{top:-50%}#spinningCard4{left:-50%}#spinningCard6{left:50%}#spinningCard8{top:50%}#spinningCard1{transform:rotate(-45deg)}#spinningCard3{transform:rotate(45deg)}#spinningCard7{transform:rotate(-135deg)}#spinningCard9{transform:rotate(135deg)}#spinningCard4{transform:rotate(-90deg)}#spinningCard6{transform:rotate(90deg)}#spinningCard8{transform:rotate(180deg)}