aboutsummaryrefslogtreecommitdiffstats
path: root/src/App.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/App.css')
-rw-r--r--src/App.css57
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;
+}