4 files changed, 21 insertions, 111 deletions
diff --git a/src/app/components/footer/footer.module.css b/src/app/components/footer/footer.module.css
deleted file mode 100644
index 8c70b62..0000000
--- a/src/app/components/footer/footer.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.footer {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	width: 100%;
-	background-color: #121212;
-	display: flex;
-	padding: 10px;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.FooterLeftContainer a {
-	color: #696880;
-	margin: 10px;
-}
-
-.FooterRightContainer {
-	margin-right: 10px;
-}
-
-.FooterRightContainer a {
-	margin: 10px;
-	text-decoration: none;
-}
-\ No newline at end of file
diff --git a/src/app/components/footer/page.jsx b/src/app/components/footer/page.jsx
index ea763a6..08a7c73 100644
--- a/src/app/components/footer/page.jsx
+++ b/src/app/components/footer/page.jsx
@@ -1,37 +1,11 @@
-import styles from "./footer.module.css";
+import styles from "../../page.module.css";
 
 export default async function Footer() {
 	return (
-		<div className={styles.footer}>
-			<div className={styles.FooterLeftContainer}>
-				<a
-					href="https://stats.uptimerobot.com/Fxp7SE5Ll3"
-					target="_new"
-				>
-					Status
-				</a>
-				<a
-					href="https://github.com/real-zephex/Dramalama"
-					target="_new"
-				>
-					Github
-				</a>
+		<main className={styles.main}>
+			<div className={styles.footer}>
+				<p>Made with :3 by zephex</p>
 			</div>
-
-			<div className={styles.FooterRightContainer}>
-				<a
-					style={{ color: "#EBCB8B" }}
-					href="https://dramalama.vercel.app"
-				>
-					Vercel
-				</a>
-				<a
-					style={{ color: "	#A3BE8C" }}
-					href="https://dramalama.netlify.app"
-				>
-					Netlify
-				</a>
-			</div>
-		</div>
+		</main>
 	);
 }
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx
index bd8c389..1aab71d 100644
--- a/src/app/components/header/header.jsx
+++ b/src/app/components/header/header.jsx
@@ -1,31 +1,26 @@
 import Link from "next/link";
-
-import styles from "./header.module.css";
+import styles from "../../page.module.css";
 
 export default function Header() {
 	return (
-		<div className={styles.headMain}>
-			<div className={styles.headNav}>
-				<Link
-					href="/"
-					style={{ color: "black", textDecoration: "none" }}
-				>
-					<p style={{ fontSize: "26px", color: "var(--pastel-red)" }}>
-						Dramalama
-					</p>
-				</Link>
-				<div className={styles.rightNav}>
-					<Link href="/anime">
-						<p>anime</p>
-					</Link>
-					<Link href="/manga">
-						<p>manga</p>
+		<main className={styles.main}>
+			<div className={styles.header}>
+				<div className={styles.left}>
+					<Link
+						href={"/"}
+						style={{ textDecoration: "none", color: "white" }}
+					>
+						<p>Dramalama</p>
 					</Link>
-					<Link href="/kdrama">
-						<p>kdrama</p>
+				</div>
+				<div className={styles.right}>
+					<Link href="/anime">Anime</Link>
+					<Link href="/kdrama" style={{ pointerEvents: "none" }}>
+						Kdrama
 					</Link>
+					<Link href="/manga">Manga</Link>
 				</div>
 			</div>
-		</div>
+		</main>
 	);
 }
diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
deleted file mode 100644
index da92d47..0000000
--- a/src/app/components/header/header.module.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.headMain {
-	position: fixed;
-	top: 0;
-	width: 100%;
-	background-color: #121212;
-}
-
-.headNav {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	align-items: center;
-	max-width: 95%;
-	margin: -10px auto;
-	font-family: "Poppins";
-}
-
-.rightNav {
-	display: flex;
-	cursor: pointer;
-	overflow-x: auto;
-}
-
-.rightNav a {
-	text-decoration: underline;
-	font-family: "Atkinson Hyperlegible";
-	color: var(--light-green);
-	font-size: 18px;
-}
-
-.rightNav p {
-	margin-right: 10px;
-	margin-left: 10px;
-}
-\ No newline at end of file