diff options
| author | 2025-01-26 04:16:45 +0000 | |
|---|---|---|
| committer | 2025-01-26 04:16:45 +0000 | |
| commit | 2a65ec749b0b1974b757ecf175b3d638d1025aef (patch) | |
| tree | 1809c5cf959cbe35780ef5ad1be4219d6fdcc51d /src/App.css | |
| parent | f682d264df77d58620991e53eefabbef436d2179 (diff) | |
| download | HydroRollSite-2a65ec749b0b1974b757ecf175b3d638d1025aef.tar.gz HydroRollSite-2a65ec749b0b1974b757ecf175b3d638d1025aef.zip | |
cli
Diffstat (limited to 'src/App.css')
| -rw-r--r-- | src/App.css | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..b9d355d --- /dev/null +++ b/src/App.css @@ -0,0 +1,42 @@ +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} |
