From aabc2fa63b70079a62cb6ffb47c1542e6c73286d Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Fri, 15 Mar 2024 21:23:45 +0530
Subject: features: added anime and pretty much completed it. only search
 functionality is left to add

---
 src/app/info/info.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/app/info/info.css

(limited to 'src/app/info/info.css')

diff --git a/src/app/info/info.css b/src/app/info/info.css
new file mode 100644
index 0000000..6d6b9b2
--- /dev/null
+++ b/src/app/info/info.css
@@ -0,0 +1,67 @@
+.dramaInfoContainer {
+	display: flex;
+	flex-direction: column;
+}
+
+.dramaInfo {
+	display: flex;
+	flex-direction: column;
+	width: 95%;
+	margin: 0px auto;
+}
+
+.titleContainer {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.titleContainer p {
+	color: var(--neon-green	);
+	width: 60%;
+	font-family: "Kanit";
+	font-size: 24px;
+}
+
+.titleContainer img {
+	border-radius: 10px;
+}
+
+.dramaDescription {
+	color: #ffffff81;
+	font-family: "Lato";
+	font-size: 16px;
+	max-height: 120px;
+	margin: 20px auto;
+	text-align: center;
+	overflow-y: auto;
+}
+
+.buttonContainer {
+	margin: 5px auto;
+	text-align: center;
+	max-height: 200px;
+	overflow-y: auto;
+}
+
+.dramaButton {
+	padding: 8px;
+	font-family: "Atkinson Hyperlegible";
+	font-size: 18px;
+	margin: 5px;
+	width: 50px;
+	border-radius: 5px;
+	border: none;
+	background-color: var(--light-green);
+	cursor: pointer;
+}
+
+.dramaButton:hover {
+	background-color: var(--soft-purple);
+}
+
+@media (prefers-color-scheme: light) {
+	.dramaDescription {
+		color: black;
+	}
+}
\ No newline at end of file
-- 
cgit v1.2.3