repos / starfx

App.css

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