diff --git a/src/content/schemas/authors.ts b/src/content/schemas/authors.ts
index 9120132..9289dc1 100644
--- a/src/content/schemas/authors.ts
+++ b/src/content/schemas/authors.ts
@@ -1,38 +1,52 @@
 import { defineCollection, z } from "astro:content";
 
-const catchall = z.object({
-  icon: z.string().url(),
-  displayText: z.string(),
-  href: z.string().url(),
-}).partial({ icon: true });
+const catchall = z
+  .object({
+    icon: z.string().url(),
+    displayText: z.string(),
+    href: z.string().url(),
+  })
+  .partial({ icon: true });
 
-const funding = z.object({
-  amazon: z.string().url(),
-  github: z.string(),
-  kofi: z.string(),
-  patreon: z.string(),
-  polar: z.string(),
-}).catchall(catchall).partial();
+const funding = z
+  .object({
+    amazon: z.string().url(),
+    github: z.string(),
+    kofi: z.string(),
+    patreon: z.string(),
+    polar: z.string(),
+  })
+  .catchall(catchall)
+  .partial();
 
-const social = z.object({
-  github: z.string(),
-  gitlab: z.string(),
-  linkedin: z.string(),
-  twitter: z.string(),
-}).catchall(catchall).partial();
+const social = z
+  .object({
+    github: z.string(),
+    gitlab: z.string(),
+    linkedin: z.string(),
+    twitter: z.string(),
+  })
+  .catchall(catchall)
+  .partial();
 
-const web = z.object({
-  homepage: z.string().url(),
-}).catchall(catchall).partial();
+const web = z
+  .object({
+    homepage: z.string().url(),
+  })
+  .catchall(catchall)
+  .partial();
 
-const schema = z.object({
-  first_name: z.string(),
-  last_name: z.string(),
-  nick_name: z.string(),
-  funding,
-  social,
-  web,
-}).partial().required({ nick_name: true });
+const schema = z
+  .object({
+    first_name: z.string(),
+    last_name: z.string(),
+    nick_name: z.string(),
+    funding,
+    social,
+    web,
+  })
+  .partial()
+  .required({ nick_name: true });
 
 export const authors = defineCollection({
   type: "content",
diff --git a/src/layouts/NobbzDev.astro b/src/layouts/NobbzDev.astro
index 87a4661..109f177 100644
--- a/src/layouts/NobbzDev.astro
+++ b/src/layouts/NobbzDev.astro
@@ -13,20 +13,31 @@ import "../styles/base.css";
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
   </head>
-  <body>
+  <body
+    class:list={[
+      "mocha",
+      "bg-gradient-to-b",
+      "from-base",
+      "to-crust",
+      "min-h-screen",
+      "bg-fixed",
+    ]}
+  >
     <div
       class:list={[
-        "w-1/1",
-        "md:w-[1024px]",
+        "flex",
+        "flex-col",
         "m-auto",
-        "md:border-4",
-        "rounded-[12px]",
+        "min-h-screen",
+        "justify-center",
+        "text-text",
       ]}
     >
-      <div class:list={["md:flex"]}>
+      <div class:list={["flex", "md:flex-row", "flex-col", "flex-none"]}>
         <div
           id="main"
           class:list={[
+            "flex-none",
             "w-1/1",
             "border-4",
             "p-1",
@@ -39,9 +50,11 @@ import "../styles/base.css";
         </div>
         <NavBox />
       </div>
+      <div class:list={["flex-auto"]}></div>
       <footer
         id="bottom"
         class:list={[
+          "flex-none",
           "w-1/1",
           "border-4",
           "mt-1",
diff --git a/src/scripts/authors.ts b/src/scripts/authors.ts
index fb4e1c1..587cba1 100644
--- a/src/scripts/authors.ts
+++ b/src/scripts/authors.ts
@@ -3,11 +3,16 @@ import { getCollection, type CollectionEntry } from "astro:content";
 export type Author = CollectionEntry<"authors">;
 
 export type WithPosts<T extends Author> = T & {
-  posts: CollectionEntry<"blog">[],
+  posts: CollectionEntry<"blog">[];
 };
 
-export const withPosts = async <T extends Author>(author: T): Promise<WithPosts<T>> => {
-  const posts = await getCollection("blog", ({ data: { author: postAuthor } }) => author.slug == postAuthor.slug);
+export const withPosts = async <T extends Author>(
+  author: T,
+): Promise<WithPosts<T>> => {
+  const posts = await getCollection(
+    "blog",
+    ({ data: { author: postAuthor } }) => author.slug == postAuthor.slug,
+  );
 
-  return { ...author, posts }
-}
+  return { ...author, posts };
+};
diff --git a/src/styles/base.css b/src/styles/base.css
index 6cf1733..ffb447b 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -3,14 +3,14 @@
 @tailwind utilities;
 
 * {
-  --background-color: black;
-  --text-color: aliceblue;
-  --highlight-color: aqua;
+  /* --background-color: black; */
+  /* --text-color: aliceblue; */
+  /* --highlight-color: aqua; */
 }
 
 body {
-  background-color: var(--background-color);
-  color: var(--text-color);
+  /* background-color: var(--background-color); */
+  /* color: var(--text-color); */
 }
 
 #main {
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 7397220..e3bf796 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -13,7 +13,5 @@ export default {
       },
     },
   },
-  plugins: [
-    require("@catppuccin/tailwindcss")({defaultFlavour: "mocha"}),
-  ],
+  plugins: [require("@catppuccin/tailwindcss")({ defaultFlavour: "mocha" })],
 };