.Main { max-width: 98%; margin: 80px auto; } .TitleContainer { display: flex; align-items: center; justify-content: space-between; } .TitleContainer p { color: white; font-size: 34px; font-weight: 500; color: var(--neon-green); } .TitleContainer img { border-radius: 0.5rem; } .DramaDescription h2 { color: gray; } .DramaDescription p { color: white; margin-top: -10px; color: rgba(255, 255, 255, 0.637); } .DramaGenre { display: flex; align-items: center; overflow-x: auto; color: white; margin-top: 1rem; } .DramaGenre p { background-color: #1f1f1f; margin: 0rem 0rem 0rem 0.4rem; padding: 0.4rem; border-radius: 0.2rem; } .DramaGenre::-webkit-scrollbar { height: 5px; } .DramaGenre::-webkit-scrollbar-thumb { background-color: var(--soft-purple); border-radius: 1rem; } .genreMain { color: var(--neon-green); font-size: 18px; } .EpisodesContainer { margin-top: -10px; } .EpisodesContainer h2 { color: gray; } .EpisodeButtons { margin: -10px 5px; } .EpisodeButtons button { margin: 3px; padding: 5px; border: none; outline: none; border-radius: 5px; background-color: #3d3d3d; transition: background-color 0.2s linear; color: white; cursor: pointer; width: 100px; } .EpisodeButtons button p { text-align: center; font-family: "Lexend Deca", serif; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .EpisodeButtons button:hover { background-color: #1f1f1f; transition: background-color 0.2s linear; } .videoPopUp { height: 100dvh; width: 100dvw; background-color: #141414ea; position: fixed; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; overflow-y: auto; } .closeButton { font-family: "Lexend Deca", serif; font-size: 16px; background-color: var(--pastel-red); padding: 0.5rem 1.5rem; border: 0; outline: 0; border-radius: 0.5rem; cursor: pointer; margin: 5px; } .video { width: 60vw; } .VideoPlayer { width: 100%; height: auto; } @media screen and (max-width: 768px) { .video { width: 100%; } .EpisodeButtons button { font-size: 14px; width: 80px; } }