1 files changed, 76 insertions, 0 deletions
diff --git a/src/app/web-series/styles/videoPlayer.module.css b/src/app/web-series/styles/videoPlayer.module.css
new file mode 100644
index 0000000..f44776f
--- /dev/null
+++ b/src/app/web-series/styles/videoPlayer.module.css
@@ -0,0 +1,76 @@
+.Main {
+	margin: 1.5rem 0 0 0;
+}
+
+.EpisodeSeasonInput {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.EpisodeSeasonInput input {
+	padding: 0.6rem;
+	margin: 0 0.2rem 0 0.2rem;
+	border: none;
+	outline: none;
+	background-color: #121212a6;
+	border-radius: 0.5rem;
+	font-family: "Lexend Deca", serif;
+	color: white;
+}
+
+.EpisodeSeasonInput button {
+	padding: 0.5rem;
+	border: none;
+	outline: none;
+	border-radius: 0.5rem;
+	background-color: #121212a6;
+	color: white;
+	cursor: pointer;
+	font-family: "Atkinson Hyperlegible", serif;
+}
+
+
+.EpisodeSeasonInput input::placeholder {
+	color: gray;
+}
+
+.VideoPlayer iframe {
+	margin: 1rem 0 2.5rem 0;
+	width: 100%;
+	height: 400px;
+	border-radius: 0.5rem;
+	border: none;
+	outline: none;
+}
+
+.VideoPlayer p {
+	color: white;
+	margin: 0.5rem 0 0 0;
+	text-align: center;
+	font-size: 12px;
+}
+
+@media screen and (max-width: 768px) {
+
+	.EpisodeSeasonInput {
+		width: 80%;
+		margin: 0px auto;
+	}
+
+	.VideoPlayer iframe {
+		width: 100%;
+		height: 300px;
+		margin-bottom: 50px;
+	}
+
+	.EpisodeSeasonInput input {
+		padding: 0.4rem;
+	}
+	
+	.EpisodeSeasonInput button {
+		padding: 0.3rem 0.4rem 0.3rem 0.4rem;
+		font-size: 14px;
+	}
+
+}
+\ No newline at end of file