diff --git a/public/styles/base.css b/public/styles/base.css index c2a0538..8bbdd06 100644 --- a/public/styles/base.css +++ b/public/styles/base.css @@ -153,6 +153,20 @@ code[class*="language-"] { html, body { font-family: "Signifier", serif; - background: #f5f1e8; - color: #3a3a3a; +} + +@media (prefers-color-scheme: dark) { + html, + body { + background: #1a1a1a; + color: #f5f5f5; + } +} + +@media (prefers-color-scheme: dark) { + html, + body { + background: #121212; + color: #e0e0e0; + } } diff --git a/public/styles/index.css b/public/styles/index.css index d5f8979..46eb48c 100644 --- a/public/styles/index.css +++ b/public/styles/index.css @@ -18,8 +18,8 @@ h1, section { display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 80px; + grid-template-columns: repeat(4, 1fr); + gap: 50px; max-width: 1200px; margin: 0 auto; } @@ -38,7 +38,7 @@ ul { li { margin-bottom: 12px; font-size: 1.1em; - line-height: 1.6; + line-height: 1.3; } a { diff --git a/src/pages/index.astro b/src/pages/index.astro index a6f379f..1e7c5c9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -19,11 +19,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";

experience

+
+

ideas

+ +
+

contact

+
+ +
+

about

+