:root{--red: #e50914;--dark: #111;--nav-height: 70px}*{box-sizing:border-box}body{margin:0;background-color:var(--dark);color:#fff;font-family:Helvetica Neue,Arial,sans-serif;padding-top:var(--nav-height)}.nav{position:fixed;top:0;width:100%;height:var(--nav-height);display:flex;align-items:center;padding:0 4%;z-index:100;transition:.5s}.nav__black{background:#141414}.nav__logo{width:90px;cursor:pointer}.nav__search-simple{margin-left:20px;flex:1}.nav__search-simple input{background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 15px;border-radius:20px;width:100%;max-width:300px;outline:none}.nav__avatar{width:32px;border-radius:4px}.banner{height:80vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.banner__contents{padding-left:4%;max-width:600px;z-index:2}.banner__title{font-size:3.5rem;margin:0;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.banner__button-play{padding:12px 30px;font-size:1.2rem;font-weight:700;border-radius:4px;border:none;cursor:pointer;background:#fff;transition:.3s}.banner--fadeBottom{position:absolute;bottom:0;width:100%;height:15vh;background:linear-gradient(to bottom,transparent,var(--dark))}.row{padding:20px 0 20px 4%}.row-wrapper{position:relative;display:flex;align-items:center}.posters-container{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0}.posters-container::-webkit-scrollbar{display:none}.poster-anim{height:220px;border-radius:6px;cursor:pointer;transition:.4s;flex-shrink:0}.poster-anim:hover{transform:scale(1.1);z-index:10}.arrow{position:absolute;height:100%;width:45px;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;z-index:20;opacity:0;transition:.3s}.row-wrapper:hover .arrow{opacity:1}.left{left:-4%}.right{right:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:200;display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:1000px;aspect-ratio:16/9;box-shadow:0 0 30px var(--red);background:#000}.youtube-video,.youtube-video iframe{width:100%!important;height:100%!important;display:block}@media (max-width: 600px){.nav__logo{display:none}.nav__search-simple{margin-left:0}.banner__title{font-size:2rem}.poster-anim{height:150px}.arrow{display:none}}body{margin:0;background-color:#111}