diff --git a/index.html b/index.html
index 77b4a16..a7618b5 100644
--- a/index.html
+++ b/index.html
@@ -2,17 +2,65 @@
-
-
- Fernando Araoz
+
+
+ Fernando Araoz
-
+
+
+
+
+
-
- Hola mundo :D
-
+
+
diff --git a/style.css b/style.css
index b5c61c9..836156f 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,34 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+:root {
+ --c-bg: #191a1d;
+ --c-on-bg: white;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ --c-bg: white;
+ --c-on-bg: black;
+ }
+}
+
+html {
+ font-size: 20px;
+}
+
+body {
+ background-color: var(--c-bg);
+ color: var(--c-on-bg);
+
+ font-family: 'Fira Mono', monospace;
+}
+
+.scroll-container {
+ scroll-snap-type: y mandatory;
+}
+
+.scroll-container > div {
+ scroll-snap-align: start;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index c22f52f..7fd5190 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,12 @@ export default {
"./index.html",
],
theme: {
- extend: {},
+ extend: {
+ fontFamily: {
+ xanh: ["Xanh Mono", "monospace"],
+ firamono: ["Fira Mono", "monospace"],
+ }
+ },
},
plugins: [],
}