.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; } }