From 6becb8cf09c02c93e0f5030957015ed4ea07789d Mon Sep 17 00:00:00 2001
From: Alam Guardin <alamguardin@gmail.com>
Date: Mon, 5 Aug 2024 22:17:34 -0500
Subject: style: basic styles and create profile component

---
 src/layouts/Layout.astro | 38 ++++++++++++++++----------------------
 1 file changed, 16 insertions(+), 22 deletions(-)

(limited to 'src/layouts/Layout.astro')

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 1810971..b80dd61 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -13,6 +13,7 @@ const { title } = Astro.props;
 		<meta name="description" content="Astro description" />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <link href="https://api.fontshare.com/v2/css?f[]=satoshi@400&display=swap" rel="stylesheet">
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 	</head>
@@ -22,29 +23,22 @@ const { title } = Astro.props;
 </html>
 <style is:global>
 	:root {
-		--accent: 136, 58, 234;
-		--accent-light: 224, 204, 250;
-		--accent-dark: 49, 10, 101;
-		--accent-gradient: linear-gradient(
-			45deg,
-			rgb(var(--accent)),
-			rgb(var(--accent-light)) 30%,
-			white 60%
-		);
+        --zinc-50: #FAFAFA;
+        --zinc-400: #A1A1AA;
+        --zinc-800: #27272A;
+        --zinc-900: #18181B;
+        --zinc-950: #09090B;
 	}
+
+    *, *::before, *::after {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+    }
+
 	html {
-		font-family: system-ui, sans-serif;
-		background: #13151a;
-	}
-	code {
-		font-family:
-			Menlo,
-			Monaco,
-			Lucida Console,
-			Liberation Mono,
-			DejaVu Sans Mono,
-			Bitstream Vera Sans Mono,
-			Courier New,
-			monospace;
+		font-family: 'Satoshi', system-ui, sans-serif;
+		background: var(--zinc-950);
+        color: var(--zinc-50)
 	}
 </style>
-- 
cgit v1.2.3