@import url('font/samsung-one-font.css'); :root { --c-peace: #a4b0be; --c-bay-wharf: #747d8c; --c-wild-watermelon: #ff6b81; --c-presige-blue: #2f3542; } body { background-color: #fff; font-family: 'SamsungOne', sans-serif; margin: 0; padding: 0; } div.container { max-width: 800px; margin: 10px auto; } header { background-color: var(--c-presige-blue); color: #fff; padding: 16px; } section { margin: 16px 0; } p.title { font-size: 1.3em; margin: 0; } /* video section */ section.section-video { text-align: center; } /* episodes section */ section.section-episodes { text-align: center; } div.episodes { background-color: var(--c-peace); display: inline-block; border: 2px solid #000; border-radius: 8px; } div.episodes ul { margin: 0; list-style-type: none; text-align: center; padding-left: 0; } div.episodes li { display: inline-block; cursor: pointer; padding: 8px 16px; transition: background-color .2s; } div.episodes li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } div.episodes li:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } div.episodes li:hover { background-color: var(--c-bay-wharf); transition: background-color .2s; }