removal index.css, uses fullwidth now.

frontend/src/components/Footer.jsx

@@ -4,11 +4,12 @@ export default function Footer() {
     const currentYear = new Date().getFullYear();
 
     const goToRepo = () => {
-        window.location.href = "https://git.aramjonghu.nl/AramJonghu/aramjonghu-site";
+        window.location.href =
+            "https://git.aramjonghu.nl/AramJonghu/aramjonghu-site";
     };
 
     return (
-        <footer className="flex items-center justify-between px-12 py-6 border-t border-ctp-lavender-800 mt-10">
+        <footer className="flex items-center justify-between px-24 py-6 border-t border-ctp-lavender-800 mt-10">
             <p className="text-sm text-ctp-text">
                 &copy; {currentYear} AramJonghu. All rights reserved.
             </p>

frontend/src/components/Header.jsx

@@ -29,7 +29,7 @@ export default function Header() {
     };
 
     return (
-        <header className="flex items-center px-12 py-6 gap-6">
+        <header className="flex justify-center items-center px-12 py-6 gap-6 border-b border-ctp-lavender-800">
             <img
                 className="size-16 cursor-pointer"
                 src={Aku}

frontend/src/components/Layout.jsx

@@ -3,13 +3,9 @@ import Header from "./Header";
 
 export default function Layout({ children }) {
     return (
-        <div className="flex flex-col bg-ctp-base">
+        <div className="flex flex-col w-screen min-h-screen bg-ctp-base">
             <Header />
-
-            <main className="flex">
-                {children}
-            </main>
-
+            <main className="flex-1">{children}</main>
             <Footer />
         </div>
     );