.app{background:#111}.banner{color:#fff;height:448px;position:relative}.banner__contents{height:190px;margin-left:30px;padding-top:140px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{font-size:.8rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner--fadeBottom{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);height:16.4rem}.banner__button{background:rgba(51,51,51,.5);border:none;border-radius:.2vw;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner__button:hover{background:#e6e6e6;color:#000;transition:all .5s ease}.nav__contents{display:flex;justify-content:space-between}.nav__logo{left:0;object-fit:contain;padding-left:20px;top:10px;width:80px}.nav__avatar,.nav__logo{cursor:pointer;position:fixed}.nav__avatar{right:20px;top:15px;width:30px}.nav{height:60px;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__black{background:#111}.row{color:#fff;margin-left:20px}.row__posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster{margin-right:10px;max-height:100px;object-fit:contain;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.row__poster:hover{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}.row__posterLarge{max-height:250px}.row__posterLarge:hover{opacity:1;-webkit-transform:scale(1.09);transform:scale(1.09)}.login{background:url(https://miro.medium.com/max/1400/1*5lyavS59mazOFnb55Z6znQ.png) 50% no-repeat;background-size:cover;height:100%;position:relative}.loginScreen__logo{left:0;object-fit:contain;padding-left:20px;position:fixed;width:150px}.loginScreen__button{background-color:#e50914;border:0;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;position:fixed;right:20px;top:20px}.loginScreen__gradient{background:rgba(0,0,0,.5);background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%,rgba(0,0,0,.8));height:100vh;width:100%;z-index:1}.loginScreen__body{color:#fff;margin-left:auto;margin-right:auto;padding:20px;position:absolute;text-align:center;top:30%;width:100%;z-index:1}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;font-size:1.3rem;font-weight:400;margin-bottom:30px}.loginScreen__input{margin-top:10px}.loginScreen__input>form>input{border:none;max-width:600px;outline:none;padding:16px;width:30%}.loginScreen__getStarted{background:#e50914;border:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 20px}.signinScreen{background:rgba(0,0,0,.8);margin:auto;max-width:500px;padding:70px;width:100%}.signinScreen>form{display:flex;flex-direction:column}.signinScreen>form>input{border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px}.signinScreen>form>button{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;outline:none;padding:16px 20px}.signinScreen>form>h1{margin-bottom:25px;text-align:left}.signinScreen>form>h4{margin-top:30px;text-align:left}.signinScreen__gray{color:gray}.signinScreen__link{cursor:pointer;text-transform:capitalize;transition:all .5s ease}.signinScreen__link:hover{text-decoration:underline}.profileScreen{color:#fff;height:100vh}.profileScreen__body{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:800px;padding-top:8%;width:50%}.profileScreen__body>h1{border-bottom:1px solid #282c2d;font-size:60px;font-weight:400;margin-bottom:20px}.profileScreen__info{display:flex}.profileScreen__info>img{height:80px;width:100px}.profileScreen__details{color:#fff;flex:1 1;margin-left:25px}.profileScreen__details>h2{background:gray;font-size:15px;padding:15px 15px 15px 20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profileScreen__plans{margin-top:20px}.profileScreen__signOut{background:#e50914;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:5%;padding:10px 20px;width:100%}.plansScreen__plan{cursor:pointer;display:flex;justify-content:space-between;opacity:.8;padding:20px;transition:all .5s ease-in}.plansScreen__plan:hover{opacity:1}.plansScreen__plan>button{background:#e50914;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.aa78549d.css.map*/