*{margin:0;font-family:Netflix Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.banner{position:relative;height:448px;color:#fff;object-fit:contain}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px}.banner--fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.banner__button{cursor:pointer;outline:none;border:none;color:#fff;font-family:700;border-radius:.2vw;padding:.5rem 2rem;margin-right:1rem;background-color:#33333380}.banner__button:hover{color:#000;background-color:#e6e6e6;transition:all .2s}.nav{position:fixed;top:0;left:0;padding:20px;width:100%;z-index:1;height:30px;transition-timing-function:ease-in;transition:all .5s}.nav__black{background-color:#111}.nav-contents{display:flex;justify-content:space-between;align-items:center;width:100%}.nav__logo{position:fixed;top:10px;left:0;width:80px;object-fit:contain;padding-left:20px;cursor:pointer}.nav__avatar{position:fixed;right:20px;width:20px;cursor:pointer}.row{color:#fff;margin-left:20px}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster{max-height:100px;object-fit:contain;margin-right:10px;width:100%;transition:transform .45s}.row__poster:hover{transform:scale(1.08);opacity:1}.row__posterLarge{max-height:250px}.row__posterLarge:hover{transform:scale(1.09);opacity:1}.app{background-color:#111}.loginScreen{position:relative;height:100%;background:url(https://i.redd.it/zjgs096khv591.jpg) center no-repeat;background-size:cover}.loginScreen__logo{position:fixed;object-fit:contain;left:0;width:150px;padding-left:20px}.loginScreen__button{position:fixed;right:20px;top:20px;color:#fff;background-color:#e50914;font-size:1rem;padding:10px 20px;cursor:pointer;border:none;outline:none;font-weight:600}.loginScreen__gradient{width:100%;z-index:1;height:100vh;background:#0006;background-image:linear-gradient(to top,#000c 0,#0000 60%,#000c)}.loginScreen__body{position:absolute;top:30%;text-align:center;margin-left:auto;margin-right:auto;color:#fff;z-index:1;padding:20px;width:100%;left:0;right:0}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;margin-bottom:30px;font-weight:400}.loginScreen__body>h3{font-size:1.3rem;font-weight:400}.loginScreen__input{margin:20px}.loginScreen__input>form>input{padding:10px;width:30%;max-width:600px;border:none;outline-width:0px;height:30px}.loginScreen__getStarted{padding:16px 20px;font-size:1rem;color:#fff;background-color:#e50914;border:none;font-weight:600;cursor:pointer}.loginScreen__input>form{display:flex;align-items:center;flex-direction:row;gap:20px;justify-content:center}.signUpScreen{max-width:300px;padding:70px;margin-left:auto;margin-right:auto;background:#000000d9}.signUpScreen>form>h1{text-align:left;margin-bottom:25px}.signUpScreen>form{display:grid;flex-direction:column}.signUpScreen>form>input{outline-width:0px;height:40px;margin-bottom:14px;border-radius:5px;border:none;padding:5px 15px}.signUpScreen>form>button{padding:16px 20px;font-size:1rem;color:#fff;background-color:#e50914;border-radius:5px;border:none;cursor:pointer;margin:20px 0}.signUpScreen__gray{color:gray}.signUpScreen__link:hover{cursor:pointer;text-decoration:underline}.profileScreen{height:100vh;color:#fff}.profileScreen__body{display:flex;flex-direction:column;width:50%;margin-left:auto;margin-right:auto;padding-top:8%;max-width:800px}.profileScreen__body>h1{font-weight:400;font-size:60px;border-bottom:1px solid #282c2d;margin-bottom:20px}.profileScreen__details{color:#fff;margin-left:25px;flex:1}.profileScreen__details>h2{background-color:gray;font-size:15px;padding:15px 15px 15px 20px}.profileScreen__info{display:flex}.profileScreen__info>img{height:100px}.profileScreen__signOut{padding:10px 20px;font-size:1rem;margin-top:5%;color:#fff;background-color:#e50914;width:100%;border:none;cursor:pointer;font-weight:600}.profileScreen__plans{margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:20px}.plansScreen__plan{display:flex;justify-content:space-between;opacity:.8;padding:20px}.plansScreen__plan:hover{opacity:1}.plansScreen__plan>button{padding:10px 20px;border:none;color:#fff;font-weight:600;background-color:#e50914;font-size:1rem;cursor:pointer}.plansScreen__plan--disabled>button{background-color:gray!important;cursor:not-allowed}.plansScreen>p{color:gray}.plansScreen__loader{display:flex;justify-content:center;align-items:center}
