.app{height:100vh}.app,.homescreen{background-color:#000}.homescreen{overflow-x:hidden}.nav{height:50px;padding-left:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__contents{display:flex;justify-content:space-between}.nav__black{background-color:#000}.nav__logo{cursor:pointer;left:0;object-fit:contain;padding-left:20px;position:fixed;width:117px}.avatar{margin-top:7.5px;width:35px}.avatar,.avatar__large{margin-right:20px;object-fit:contain;position:fixed;right:0}.avatar__large{margin-top:20px;width:50px}.nav__logo_large{cursor:pointer;left:0;margin-top:10px;object-fit:contain;padding-left:20px;position:fixed;width:150px}.banner{color:#fff;height:450px;margin-bottom:15px;object-fit:contain}.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:18px;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner__button{background-color:rgba(51,51,51,.5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner__button:hover{background-color:#e6e6e6;color:#000;transition:all .2s}.banner--fadeBottom{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);height:7.5rem}.banner__description{font-size:16px}.row{color:#fff;padding-left:25px}.row__posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding-bottom:20px;padding-top:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster{margin-right:10px;max-height:100px;object-fit:contain;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;width:100%}.row__poster:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.row__posterLarge{border:4px solid #fff;border-radius:20px;margin-right:30px;max-height:250px;max-width:300px;object-fit:contain}.row__posterLarge:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s}.signupScreen{background:rgba(0,0,0,.85);margin-left:auto;margin-right:auto;max-width:300px;padding:40px;top:10px}.signupScreen>form{display:grid;flex-direction:column}.signupScreen>form>h1{margin-bottom:25px;text-align:left}.signupScreen>form>input{border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px}.signupScreen>form>button{background-color:#000;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:5px;padding:16px 20px}.signupScreen>form>button:hover{background-color:#fff;color:#000;transition:.4s}.signupScreen>form>h4{margin-top:14px;text-align:left}.signupScreen__gray{color:gray}.signupScreen__link:hover{cursor:pointer;text-decoration:underline}.loginScreen{background:url(https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/movies-about-the-south-1562104598.png?crop=0.992xw:1.00xh;0.00481xw,0&resize=640:*) 50% no-repeat;background-size:cover;height:100%;position:relative}.loginScreen__logo{left:0;margin-top:20px;object-fit:contain;padding-left:20px;position:fixed;width:150px}.loginScreen__gradient{background:rgba(0,0,0,.6);background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%,rgba(0,0,0,.8) 100%,);height:100vh;width:100%;z-index:1}.loginScreen__button{background-color:#000;color:#f0f8ff}.loginScreen__button,.loginScreen__button:hover{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;position:fixed;right:35px;top:26px}.loginScreen__button:hover{background-color:#f0f8ff;color:#000;transition:.4s}.loginScreen__body{color:#fff;left:0;margin:auto;padding:0 20px 20px;position:absolute;right:0;text-align:center;top:30%;z-index:1}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;font-weight:400;margin-bottom:30px}.loginScreen__input{margin:20px}.loginScreen__input>form>input{border:none;height:30px;max-width:600px;outline-width:0;padding:10px;width:30%}.loginScreen__getStarted{background-color:#000;border:none;color:#f0f8ff;cursor:pointer;font-size:1rem;padding:16px 20px}@media (max-width:588px){.loginScreen__body{top:25%}.loginScreen__body>h1{border-left:1px solid #fff;font-size:2.75rem;padding-left:10px;text-align:left}.loginScreen__body>h2{font-size:1.5rem;font-weight:400;margin-bottom:10px}.loginScreen__body>h3{font-size:.8rem}.loginScreen__input>form{display:flex;flex-direction:column}.loginScreen__input>form>input{border:none;border-radius:5px;height:26px;left:0;margin:auto;max-width:600px;outline-width:0;padding:10px;right:0;width:70%;width:244px}.loginScreen__getStarted{background-color:#000;border:none;border-radius:5px;color:#f0f8ff;cursor:pointer;font-size:.9rem;height:10%;left:0;margin:15px auto auto;right:0;width:265px}}@media (max-width:413px){.loginScreen__body{top:25%}.loginScreen__body>h1{border-left:1px solid #fff;font-size:2.75rem;padding-left:10px;text-align:left}.loginScreen__body>h2{font-size:1.5rem;font-weight:400;margin-bottom:10px}.loginScreen__body>h3{font-size:.8rem}.loginScreen__input>form{display:flex;flex-direction:column}.loginScreen__input>form>input{border:none;border-radius:5px;height:26px;left:0;margin:auto;max-width:600px;outline-width:0;padding:10px;right:0;width:70%;width:244px}.loginScreen__getStarted{background-color:#000;border:none;border-radius:5px;color:#f0f8ff;cursor:pointer;font-size:.9rem;height:10%;left:0;margin:15px auto auto;right:0;width:265px}}.profileScreen{color:#000;height:100vh}.profileScreen__body{color:#fff;display:flex;flex-direction:column;left:0;margin:auto;max-width:800px;padding-top:100px;right:0;width:50%}.profileScreen__info{display:flex}.profileScreen__info>img{height:100px}.profileScreen__details{color:#fff;flex:1 1;margin-left:25px}.profileScreen__details>h2{background-color:gray;border-radius:5px;font-size:15px;padding:12px 12px 12px 20px}.profileScreen__body>h1{border-bottom:1px solid#282c2d;font-size:60px;font-weight:400;margin-bottom:20px;margin-top:30px}.profileScreen__signOut{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:5%;padding:10px 20px;width:100%}.profileScreen__signOut:hover{background-color:#000;border:2px solid #fff;color:#fff;transition:.4s}.profileScreen__plans{margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:5px}.plan__one{display:flex;flex-direction:row;margin-bottom:20px;position:relative}.plan__one>button{border:none;border-radius:5px;padding:8px 10px;position:absolute;right:0;width:30%}.plan__one>button:hover{background-color:#000;border:2px solid #fff;color:#fff;transition:.4s}.plan__two{display:flex;flex-direction:row;margin-bottom:20px;position:relative}.plan__two>button{border:none;border-radius:5px;padding:8px 10px;position:absolute;right:0;width:30%}.plan__two>button:hover{background-color:#000;border:2px solid #fff;color:#fff;transition:.4s}.plan__three{display:flex;flex-direction:row;margin-bottom:10px;position:relative}.plan__three>button{border:none;border-radius:5px;padding:8px 10px;position:absolute;right:0;width:30%}.plan__three>button:hover{background-color:#000;border:2px solid #fff;color:#fff;transition:.4s}.profileScreen__plans>h3,.profileScreen__plans>p{margin-bottom:10px}@media (max-width:588px){.profileScreen__body>h1{border-bottom:1px solid#282c2d;font-size:40px;font-weight:400;margin-bottom:20px;margin-top:30px}.profileScreen__info>img{height:40px}.profileScreen__details>h2{background-color:gray;border-radius:5px;font-size:10px;padding:12px 12px 12px 20px}.profileScreen__plans>h3,.profileScreen__plans>p{font-size:10px;margin-bottom:10px}.plan__one>div>h5,.plan__three>div>h5,.plan__two>div>h5{font-size:10px}.plan__one>button,.plan__three>button,.plan__two>button{border:none;border-radius:5px;height:28px;padding:2px 0;position:absolute;right:0;width:38%}}@media (max-width:412px){.profileScreen__body{margin-left:80px}.profileScreen__body>h1{border-bottom:1px solid#282c2d;font-size:40px;font-weight:400;margin-bottom:20px;margin-top:80px}.profileScreen__info>img{height:40px}.profileScreen__details>h2{background-color:gray;border-radius:5px;font-size:10px;padding:12px 12px 12px 20px}.profileScreen__plans>h3,.profileScreen__plans>p{font-size:10px;margin-bottom:10px}.plan__one>div>h5,.plan__three>div>h5,.plan__two>div>h5{font-size:10px}.plan__one>button,.plan__three>button,.plan__two>button{border:none;border-radius:5px;height:28px;padding:2px 0;position:absolute;right:0;width:38%}}*,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.fb8d98d3.css.map*/