aboutsummaryrefslogtreecommitdiff
path: root/src/app/kdrama/styles/info.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/kdrama/styles/info.module.css')
-rw-r--r--src/app/kdrama/styles/info.module.css242
1 files changed, 121 insertions, 121 deletions
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css
index f61d90f..1857eb3 100644
--- a/src/app/kdrama/styles/info.module.css
+++ b/src/app/kdrama/styles/info.module.css
@@ -1,122 +1,122 @@
-.Main {
- max-width: 98%;
- margin: 80px auto;
-}
-
-.TitleContainer {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.TitleContainer p {
- color: white;
- font-family: "Poppins";
- font-size: 32px;
-}
-
-.TitleContainer img {
- width: auto;
- /* height: auto; */
- border-radius: 10px;
-}
-
-.DramaDescription h2 {
- color: gray;
- font-family: "Poppins";
-}
-
-.DramaDescription p {
- font-family: "Atkinson Hyperlegible";
- color: white;
- margin-top: -10px;
-}
-
-.DramaGenre {
- display: flex;
- align-items: center;
- overflow-x: auto;
-}
-
-.genreMain {
- font-family: "Poppins";
- color: var(--neon-green);
- font-size: 18px;
-}
-
-.genreEntry {
- background-color: #31313141;
- color: white;
- padding: 5px;
- margin: 3px;
- border-radius: 5px;
- font-family: "Atkinson Hyperlegible";
- cursor: crosshair;
-}
-
-.EpisodesContainer {
- margin-top: -10px;
-}
-
-.EpisodesContainer h2 {
- color: gray;
- font-family: "Poppins";
-}
-
-.EpisodeButtons {
- margin: -10px 5px;
-}
-
-.EpisodeButtons button {
- margin: 3px;
- padding: 5px;
- border: none;
- outline: none;
- font-family: "Atkinson Hyperlegible";
- font-size: 16px;
- border-radius: 5px;
- background-color: #3d3d3d;
- transition: background-color 0.2s linear;
- color: white;
- cursor: pointer;
- width: 100px;
-}
-
-.EpisodeButtons button:hover {
- background-color: #1f1f1f;
- transition: background-color 0.2s linear
-}
-
-.VideoContainer {
- margin-top: 20px;
-}
-
-.Video {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 70dvw;
- margin: 0px auto;
-}
-
-.Video p {
- color: white;
- font-family: "Atkinson Hyperlegible";
- color: var(--pastel-red);
-}
-
-.VideoPlayer {
- margin: 0px auto;
-}
-
-@media screen and (max-width: 768px) {
- .Video {
- width: 100%;
- }
-
- .EpisodeButtons button {
- font-size: 14px;
- width: 80px;
- }
-
+.Main {
+ max-width: 98%;
+ margin: 80px auto;
+}
+
+.TitleContainer {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.TitleContainer p {
+ color: white;
+ font-family: "Poppins";
+ font-size: 32px;
+}
+
+.TitleContainer img {
+ width: auto;
+ /* height: auto; */
+ border-radius: 10px;
+}
+
+.DramaDescription h2 {
+ color: gray;
+ font-family: "Poppins";
+}
+
+.DramaDescription p {
+ font-family: "Atkinson Hyperlegible";
+ color: white;
+ margin-top: -10px;
+}
+
+.DramaGenre {
+ display: flex;
+ align-items: center;
+ overflow-x: auto;
+}
+
+.genreMain {
+ font-family: "Poppins";
+ color: var(--neon-green);
+ font-size: 18px;
+}
+
+.genreEntry {
+ background-color: #31313141;
+ color: white;
+ padding: 5px;
+ margin: 3px;
+ border-radius: 5px;
+ font-family: "Atkinson Hyperlegible";
+ cursor: crosshair;
+}
+
+.EpisodesContainer {
+ margin-top: -10px;
+}
+
+.EpisodesContainer h2 {
+ color: gray;
+ font-family: "Poppins";
+}
+
+.EpisodeButtons {
+ margin: -10px 5px;
+}
+
+.EpisodeButtons button {
+ margin: 3px;
+ padding: 5px;
+ border: none;
+ outline: none;
+ font-family: "Atkinson Hyperlegible";
+ font-size: 16px;
+ border-radius: 5px;
+ background-color: #3d3d3d;
+ transition: background-color 0.2s linear;
+ color: white;
+ cursor: pointer;
+ width: 100px;
+}
+
+.EpisodeButtons button:hover {
+ background-color: #1f1f1f;
+ transition: background-color 0.2s linear
+}
+
+.VideoContainer {
+ margin-top: 20px;
+}
+
+.Video {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 70dvw;
+ margin: 0px auto;
+}
+
+.Video p {
+ color: white;
+ font-family: "Atkinson Hyperlegible";
+ color: var(--pastel-red);
+}
+
+.VideoPlayer {
+ margin: 0px auto;
+}
+
+@media screen and (max-width: 768px) {
+ .Video {
+ width: 100%;
+ }
+
+ .EpisodeButtons button {
+ font-size: 14px;
+ width: 80px;
+ }
+
} \ No newline at end of file