|
a |
|
b/src/App.css |
|
|
1 |
.App { |
|
|
2 |
text-align: center; |
|
|
3 |
} |
|
|
4 |
|
|
|
5 |
.App-logo { |
|
|
6 |
height: 40vmin; |
|
|
7 |
pointer-events: none; |
|
|
8 |
} |
|
|
9 |
|
|
|
10 |
@media (prefers-reduced-motion: no-preference) { |
|
|
11 |
.App-logo { |
|
|
12 |
animation: App-logo-spin infinite 20s linear; |
|
|
13 |
} |
|
|
14 |
} |
|
|
15 |
|
|
|
16 |
.App-header { |
|
|
17 |
background-color: #282c34; |
|
|
18 |
min-height: 100vh; |
|
|
19 |
display: flex; |
|
|
20 |
flex-direction: column; |
|
|
21 |
align-items: center; |
|
|
22 |
justify-content: center; |
|
|
23 |
font-size: calc(10px + 2vmin); |
|
|
24 |
color: white; |
|
|
25 |
} |
|
|
26 |
|
|
|
27 |
.App-link { |
|
|
28 |
color: #61dafb; |
|
|
29 |
} |
|
|
30 |
|
|
|
31 |
@keyframes App-logo-spin { |
|
|
32 |
from { |
|
|
33 |
transform: rotate(0deg); |
|
|
34 |
} |
|
|
35 |
to { |
|
|
36 |
transform: rotate(360deg); |
|
|
37 |
} |
|
|
38 |
} |