diff options
Diffstat (limited to 'src/App.css')
-rw-r--r-- | src/App.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/src/App.css b/src/App.css new file mode 100644 index 0000000..11b9e12 --- /dev/null +++ b/src/App.css @@ -0,0 +1,57 @@ +#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; + } +} + +.ads-container { + display: flex; + flex-wrap: wrap; + gap: 16px; +} + +.ad-item { + width: 200px; + height: auto; +} + +.ad-item img, .ad-item video { + width: 100%; + height: auto; +} +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} |