8 files changed, 12 insertions, 26 deletions
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
index aa1e044..e8bfc54 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -7,7 +7,7 @@
 	display: flex;
 	flex-direction: column;
 	width: 98%;
-	margin: 0px auto;
+	margin: 80px auto;
 }
 
 .titleContainer {
@@ -19,9 +19,9 @@
 .titleContainer p {
 	color: var(--neon-green);
 	width: 60%;
-	font-family: "Quicksand";
-	font-weight: 1000;
-	font-size: 28px;
+	font-family: "Poppins";
+	font-weight: 500;
+	font-size: 34px;
 }
 
 .titleContainer img {
diff --git a/src/app/anime/anime.module.css b/src/app/anime/anime.module.css
index 3e84530..15695be 100644
--- a/src/app/anime/anime.module.css
+++ b/src/app/anime/anime.module.css
@@ -1,4 +1,4 @@
 .Main {
 	max-width: 95%;
-	margin: 0px auto;
+	margin: 100px auto;
 }
 \ No newline at end of file
diff --git a/src/app/anime/page.jsx b/src/app/anime/page.jsx
index a7a96c2..3f893d1 100644
--- a/src/app/anime/page.jsx
+++ b/src/app/anime/page.jsx
@@ -8,7 +8,6 @@ export default async function Anime() {
 		<div className={styles.Main}>
 			<Input />
 			<Trending />
-			<br />
 			<Releases />
 		</div>
 	);
diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index a5e3a05..2bf4e86 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -1,7 +1,6 @@
 import Image from "next/image";
 import Link from "next/link";
 import styles from "./recent.module.css";
-import { MdRecentActors } from "react-icons/md";
 
 export default async function Releases() {
 	const data = await fetchRecentEpisodes();
@@ -10,9 +9,6 @@ export default async function Releases() {
 		<div className="trendingContainer">
 			<div className={styles.RecentText}>
 				<p>Recent Releases</p>
-				<span>
-					<MdRecentActors size={26} color="aqua" />
-				</span>
 			</div>
 
 			<div className={styles.Recent}>
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index 658d006..f9d5161 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -4,7 +4,7 @@
 }
 
 .RecentText p {
-	font-size: 26px;
+	font-size: 28px;
 	margin: 5px;
 	color: var(--soft-purple);
 	font-family: "Poppins";
diff --git a/src/app/anime/search/search.css b/src/app/anime/search/search.css
index b77bc8b..0a89a68 100644
--- a/src/app/anime/search/search.css
+++ b/src/app/anime/search/search.css
@@ -1,8 +1,3 @@
-.inputContainer {
-	display: flex;
-	margin: 30px auto;
-}
-
 .waitWhileLoading {
 	font-size: 18px;
 	font-family: "Kanit";
@@ -24,11 +19,11 @@
 .searchContainer {
 	display: flex;
 	align-items: center;
-	margin: 0px auto;
+	margin: 20px 0px 20px 0px;
 	background-color: #2c2c2c;
 	padding: 8px;
 	border-radius: 5px;
-	width: 20%;
+	width: 30%;
 }
 
 .searchIcon {
@@ -42,7 +37,7 @@
 }
 
 .animeEntry::-webkit-scrollbar {
-	height: 7px;
+	height: 5px;
 }
 
 .animeEntry::-webkit-scrollbar-track {
@@ -63,7 +58,7 @@
 	padding: 10px;
 	border-style: dotted;
 	border-color: #636363;
-	margin: 10px;
+	margin: 10px 10px 0px 0px;
 	border-radius: 10px;
 	border-width: 4px;
 }
@@ -84,4 +79,4 @@
 	.searchContainer {
 		width: 70%;
 	}
-}
+}
+\ No newline at end of file
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index a6e1efc..898b766 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -1,7 +1,6 @@
 import styles from "./trending.module.css";
 import Image from "next/image";
 import Link from "next/link";
-import { HiTrendingUp } from "react-icons/hi";
 
 export default async function Trending() {
 	const data = await test();
@@ -10,9 +9,6 @@ export default async function Trending() {
 		<div className="trendingContainer">
 			<div className={styles.TrendingText}>
 				<p>Trending</p>
-				<span>
-					<HiTrendingUp size={26} color="aqua" />
-				</span>
 			</div>
 
 			<div className={styles.trending}>
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index f94dc58..c3c55c5 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -4,7 +4,7 @@
 }
 
 .TrendingText p {
-	font-size: 26px;
+	font-size: 28px;
 	margin: 5px;
 	color: var(--soft-purple);
 	font-family: "Poppins";