diff --git a/src/app.html b/src/app.html
index 77a5ff5..97088f9 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,12 +1,12 @@
-
+
%sveltekit.head%
-
+
%sveltekit.body%
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9b776b7..6f21709 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,4 +3,6 @@
let { children } = $props();
-{@render children()}
+
+ {@render children()}
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6ed7399..610ebf6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,13 @@
-Portfolio Under Construction...
+
+ Portfolio under construction...
+
+ This is some text using the primary text color.
+
+ And some muted text
+
+ And some accented text
+
+
diff --git a/tailwind.config.ts b/tailwind.config.ts
index c763d89..26310f0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,7 +6,24 @@ export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
- extend: {}
+ extend: {},
+ colors:{
+ foundation: '#282828',
+ primary: '#282828',
+ secondary: '#000000',
+ accent: '#ff0000',
+
+ neutral: '#000000',
+
+ primary_text: '#fbf1c7',
+ muted_text: '#a89984',
+ accent_text: '#fb4934',
+
+ red: '#000000',
+ green: '#000000',
+ blue: '#000000',
+ yellow: '#000000'
+ }
},
plugins: [typography, containerQueries]