From b7e29a3d67e3e214ba1c958478092ee4075e8171 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Thu, 4 Apr 2024 23:00:53 +0530
Subject: inmidst of rewriting the kdrama section. will complete it soon

---
 src/app/kdrama/styles/popular.module.css | 52 ++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/app/kdrama/styles/popular.module.css

(limited to 'src/app/kdrama/styles/popular.module.css')

diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
new file mode 100644
index 0000000..cdda029
--- /dev/null
+++ b/src/app/kdrama/styles/popular.module.css
@@ -0,0 +1,52 @@
+.popDramasText {
+	color: var(--soft-purple);
+	font-family: "Poppins";
+	font-size: 28px;
+	margin-bottom: 10px;
+}
+
+.AnimeContainer {
+	display: flex;
+	overflow-x: auto;
+}
+
+.AnimeContainer::-webkit-scrollbar {
+	height: 5px;
+}
+
+.AnimeContainer::-webkit-scrollbar-track {
+	background-color: #3333339d;
+	border-radius: 5px;
+}
+
+.AnimeContainer::-webkit-scrollbar-thumb {
+	background-color: rgb(68, 68, 68);
+	border-radius: 5px;
+}
+
+/* Format the scrollbar later */
+
+.AnimeEntry {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin: 7px;
+	transition: transform 0.2s linear;
+}
+
+.AnimeEntry:hover {
+	transition: transform 0.2s linear;
+	transform: scale(0.97);
+	cursor: pointer;
+}
+
+.AnimeEntry img {
+	border-radius: 5px;
+}
+
+
+.AnimeEntry p {
+	text-align: center;
+	color: white;
+	font-family: "Atkinson Hyperlegible";
+}
\ No newline at end of file
-- 
cgit v1.2.3