diff options
| author | bndw <benjamindwoodward@gmail.com> | 2020-05-30 10:15:45 -0700 |
|---|---|---|
| committer | bndw <benjamindwoodward@gmail.com> | 2020-05-30 10:15:45 -0700 |
| commit | e177a74c9ea505284c8debf086f785a43d88f90b (patch) | |
| tree | b740f156a74c37bdfeae29b39617ca6a25307e8f /src/App.css | |
Initialize project using Create React App
Diffstat (limited to 'src/App.css')
| -rw-r--r-- | src/App.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..74b5e05 --- /dev/null +++ b/src/App.css | |||
| @@ -0,0 +1,38 @@ | |||
| 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 | } | ||
