ql
1#root {2max-width: 1280px;3margin: 0 auto;4padding: 2rem;5text-align: center;6}
7
8.logo {9height: 6em;10padding: 1.5em;11will-change: filter;12transition: filter 300ms;13}
14.logo:hover {15filter: drop-shadow(0 0 2em #646cffaa);16}
17.logo.react:hover {18filter: drop-shadow(0 0 2em #61dafbaa);19}
20
21@keyframes logo-spin {22from {23transform: rotate(0deg);24}25to {26transform: rotate(360deg);27}28}
29
30@media (prefers-reduced-motion: no-preference) {31a:nth-of-type(2) .logo {32animation: logo-spin infinite 20s linear;33}34}
35
36.card {37padding: 2em;38}
39
40.read-the-docs {41color: #888;42}
43