From 7ac96c3260f6ddc19187f97b6775271a70fe38ec Mon Sep 17 00:00:00 2001
From: SkyfallWasTaken <mahadkalam1@proton.me>
Date: Sun, 7 Jul 2024 20:39:35 +0100
Subject: [PATCH] Some styling updates

---
 src/components/Footer.astro | 4 +++-
 src/pages/index.astro       | 6 +++---
 src/styles/global.css       | 3 +++
 3 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 1c1e5af..3fc4a93 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -5,7 +5,9 @@ import Twitter from "./socialIcons/Twitter.astro";
 const today = new Date();
 ---
 
-<footer class="bg-crust text-text flex flex-col items-center py-4">
+<footer
+  class="bg-crust text-text flex flex-col items-center py-4 bottom-0 w-full"
+>
   &copy; {today.getFullYear()} Skyfall. All rights reserved.
   <div class="flex flex-row gap-3 m-2">
     <Twitter />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5447248..b2b51d2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -13,10 +13,10 @@ import Button from "../components/ui/Button.astro";
   </head>
   <body>
     <Header />
-    <main class="bg-base text-text px-12 py-12">
-      <div class="flex flex-col gap-4 w-1/3">
+    <main class="text-text px-12 py-12">
+      <div class="flex flex-col gap-4 w-[40%]">
         <h1 class="text-5xl font-bold">Hi there! 👋</h1>
-        <p>
+        <p class="text-xl">
           Hey there! I'm Mahad, a software engineer and a tech enthusiast. I
           love to build things and share my knowledge with others! I'm currently
           working on a few projects and writing blog posts about them. Stay
diff --git a/src/styles/global.css b/src/styles/global.css
index e69de29..ae08a5e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -0,0 +1,3 @@
+body {
+  @apply bg-base;
+}
