1 files changed, 0 insertions, 232 deletions
diff --git a/src/app/kdrama/kdrama.css b/src/app/kdrama/kdrama.css
deleted file mode 100644
index 0e96be7..0000000
--- a/src/app/kdrama/kdrama.css
+++ /dev/null
@@ -1,232 +0,0 @@
-.sC {
-	display: flex;
-	align-items: center;
-	margin: 30px auto;
-	background-color: #2c2c2c;
-	padding: 8px;
-	border-radius: 5px;
-	width: 20%;
-}
-
-.sC input {
-	border: none;
-	border-radius: 5px;
-	color: white;
-	outline: none;
-	background: none;
-	width: 100%;
-	font-family: "Lato";
-	font-size: 16px;
-}
-
-
-.searchIcon {
-	color: white;
-	margin-right: 5px;
-}
-
-
-.intro {
-	display: flex;
-	color: white;
-	justify-content: center;
-	align-items: center;
-	height: 60vh;
-	width: 100%;
-	margin: 0px auto;
-	flex-direction: column;
-}
-
-.introText {
-	font-size: 22px;
-	font-family: "Quicksand";
-	color: var(--softer-purple)
-}
-
-.introText2 {
-	font-family: "Quicksand";
-	color: white;
-}
-
-.popup {
-	z-index: 1;
-	display: none;
-	position: fixed;
-	top: 0;
-	align-items: center;
-	height: 100%;
-	justify-content: center;
-	width: 100%;
-	background-color: #141414ad;
-}
-
-
-.popupEntries {
-	border-radius: 5px;
-	display: flex;
-	flex-direction: column;
-	height: 60%;
-	overflow-y: auto;
-}
-
-.popupEntries::-webkit-scrollbar {
-	width: 5px;
-	height: 5px;
-}
-
-.popupEntry {
-	background: #272727b4;
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	align-items: center;
-	border-radius: 10px;
-	width: 800px;
-	margin: 5px auto;
-	padding: 3px;
-	border-color: var(--soft-purple);
-	cursor: pointer;
-}
-
-
-
-.popupEntry img {
-	width: auto;
-	height: auto;
-	padding: 5px;
-	border-radius: 10px;
-
-}
-
-.popupEntry p {
-	color: #8CABFF;
-	font-size: 20px;
-	margin-left: 10px;
-}
-
-.closeButton {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	margin: 10px;
-}
-
-.closeButton button {
-	padding: 12px;
-	background-color: var(--pastel-red);
-	font-family: "Quicksand";
-	font-size: 18px;
-	border-radius: 5px;
-	border: none;
-	cursor: pointer;
-}
-
-.videoContainer {
-	display: none;
-	max-width: 60%;
-	margin: 10px auto;
-	justify-content: center;
-	border-style: dotted;
-	border-color: rgba(97, 97, 97, 0.575);
-	border-radius: 20px;
-	border-width: 4px;
-	padding: 10px;
-}
-
-.titleContainer2 {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	align-items: center;
-	margin: 0px auto;
-	width: 100%;
-}
-
-.dramaTitle {
-	color: var(--neon-green);
-	font-family: "Kanit";
-	font-size: 30px;
-}
-
-.dramaImage {
-	width: auto;
-	height: auto;
-	border-radius: 10px;
-}
-
-.dramaDescription {
-	color: var(--softer-purple);
-	font-family: "Atkinson Hyperlegible";
-	text-align: center;
-	max-width: 95%;
-}
-
-.episodesButtonsContainer {
-	max-width: 80%;
-	margin: 0px auto;
-	max-height: 200px;
-	overflow-y: auto;
-	text-align: center;
-}
-
-.episodeButton {
-	background-color: var(--light-green);
-	border: none;
-	border-radius: 5px;
-	padding: 8px;
-	margin: 5px;
-	width: 50px;
-	font-family: "Atkinson Hyperlegible";
-	font-size: 16px;
-	cursor: pointer;
-}
-
-.episodeButton:hover {
-	background-color: var(--soft-purple);
-}
-
-.episodeButton:focus {
-	background-color: var(--pastel-red);
-	transition: padding 0.2s ease;
-	padding: 5px;
-}
-
-.videoPlayer {
-	display: flex;
-	justify-content: center;
-}
-
-.videoPlayer video {
-	border-radius: 10px;
-}
-
-@media screen and (max-width: 1440px) {
-	.videoContainer {
-		max-width: 70%;
-	}
-
-}
-
-@media screen and (max-width: 1024px) {
-	.videoContainer {
-		max-width: 95%;
-	}
-}
-
-@media screen and (max-width: 768px) {
-	.videoContainer {
-		max-width: 95%;
-	}
-
-	.titleContainer {
-		width: 100%;
-	}
-
-	.popupEntry {
-		width: 90%;
-	}
-
-	.sC {
-		width: 70%;
-	}
-}
-\ No newline at end of file