diff options
author | Lieuwe Rooijakkers <lieuwerooijakkers@gmail.com> | 2025-01-19 16:23:31 +0100 |
---|---|---|
committer | Lieuwe Rooijakkers <lieuwerooijakkers@gmail.com> | 2025-01-19 16:23:31 +0100 |
commit | 0d55021d2fa41d318abd8fe43563e12a661937fa (patch) | |
tree | d99f34ed06c0ea6e70142f8f814cfdbe9eebc2c5 /client/src/App.css | |
parent | 69c079a99436a9ea6b8025de03ae21ebd11e00c9 (diff) |
initial client
Diffstat (limited to 'client/src/App.css')
-rw-r--r-- | client/src/App.css | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/client/src/App.css b/client/src/App.css new file mode 100644 index 0000000..b9d355d --- /dev/null +++ b/client/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; +} |