.nav{position:fixed;top:0;padding:20px;width:100%;height:30px;z-index:1;transition-timing-function:ease-in;transition:all .5s}.nav__contents{display:flex;justify-content:space-between}.nav__logo{position:fixed;top:10px;left:0;object-fit:contain;padding-left:20px;cursor:pointer;width:80px}.nav__black{background-color:#111}.nav__avatar{position:fixed;top:18px;right:0;object-fit:contain;padding-right:20px;cursor:pointer;width:25px}.banner{position:relative;height:448px;color:#fff;object-fit:contain}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__tilte{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3rem;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px}.banner__button{cursor:pointer;color:#fff;outline:none;border:none;font-weight:700;border-radius:.2vw;padding:.5rem 2rem;margin-right:2rem;background-color:#33333380}.banner__button:hover{color:#000;background-color:#e6e6e6;transition:all .2s}.banner--fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.row{color:#fff;margin-left:20px}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px}.row__poster{max-height:100px;object-fit:contain;margin-right:10px;width:100%;transition:transform .45s}.row__poster:hover{transform:scale(1.09);opacity:1}.row__posters::-webkit-scrollbar{display:none}.row__posterLarge{max-height:250px}.loginScreen{position:relative;height:100%;background:url(desktop-1920x1080.jpg) center no-repeat;background-size:cover}.loginScreen__logo{position:fixed;top:10px;left:0;object-fit:contain;cursor:pointer;width:150px;padding-left:20px}.loginScreen__button{position:fixed;right:20px;top:20px;padding:10px 20px;font-size:1rem;font-weight:600;color:#fff;background-color:#e50914;border:none;cursor:pointer}.loginScreen__gradient{width:100%;z-index:1;height:100vh;background:rgba(0,0,0,.4);background-image:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.8) 100%)}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;font-weight:400px;margin-bottom:30px}.loginScreen__body>h3{font-size:1.3rem;font-weight:400}.loginScreen__body{position:absolute;top:30%;margin-left:auto;margin-right:auto;text-align:center;z-index:1;color:#fff;padding:20px;left:0;right:0}.loginScreen__input>form>input{padding:10px;outline-width:0;height:30px;width:30%;border:none;max-width:600px}.loginScreen__input{margin:20px}.logiScreen__getStarted{padding:16px 20px;font-size:1rem;color:#fff;background-color:#e50914;border:none;font-weight:600;cursor:pointer}.signupScreen{max-width:300px;padding:70px;margin-left:auto;margin-right:auto;background:rgba(0,0,0,.85)}.signupScreen>h1{text-align:left;margin-bottom:25px}.signupScreen__gray{color:gray}.signupScreen{display:grid;flex-direction:column}.signupScreen>input{outline-width:0;height:40px;margin-bottom:14px}.signupScreen>button{padding:16px 20px;font-size:1rem;color:#fff;border-radius:5px;background:#e50914;border:none;cursor:pointer;margin-top:20px}.signupScreen__link:hover{cursor:pointer;text-decoration:underline}.signupScreen__area{margin-top:1rem}.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__info{display:flex}.profileScreen__details{color:#fff;margin-left:25px;flex:1}.profileScreen__details>h2{background-color:gray;font-size:15px;padding:15px 15px 15px 20px}.profileScreen__body>h1{font-size:60px;font-weight:400;border-bottom:1px solid #282c2d;margin-bottom:20px}.profileScreen__signOut{padding:10px 20px;font-size:1rem;margin-top:5%;width:100%;color:#fff;background-color:#e50914;border:none;cursor:pointer}.profileScreen__plans{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profileScreen__info>img{height:100px}.profileScreen__payment{padding:2px 15px;font-size:1rem;margin-top:10%;width:fit-content;color:#fff;background-color:#e50914;border:none;cursor:pointer;grid-column-start:3}.profileScreen__plans>h4{padding-top:1rem;grid-column-start:1}h4>span{font-size:.75rem}.profileScreen__details>span{font-size:.75rem;font-size:1rem;margin-top:6rem;color:#fff;border:none;cursor:pointer;float:right;text-decoration:underline}.profileScreen__details>span:hover{color:#ff626a}@media only screen and (max-width: 900px){.profileScreen__payment{padding:1px 10px;font-size:1rem;margin-top:10%;margin-left:10%;width:fit-content}}:root{font-family:Helvetica neue,Helvetica,Arial,sans-serif;font-weight:400;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0}body{margin:0;padding:0;box-sizing:border-box}