*,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}.app{background-color:#111}.banner{color:#fff;height:448px;object-fit:contain;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:7.4rem}.banner__button{background-color: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-color:#e6e6e6;color:#000;transition:all .2s}.nav{height:30px;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__contents{align-items:center;display:flex;justify-content:space-between}.nav__black{background-color:#111}.nav__logo{left:0;object-fit:contain;padding-left:20px;top:10px;width:50px}.nav__avatar,.nav__logo{cursor:pointer;position:fixed}.nav__avatar{right:20px;width:30px}.nav-link-container{align-items:center;display:flex;justify-content:space-between;margin-left:30%;width:40%}.nav-element{border-radius:3px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:7px 14px}.nav-element:hover{background-color:#fff;color:#a71010;padding:7px 14px}.nav-link-dropdown{display:none}@media screen and (max-width:576px){.nav-link-container{display:none}.nav-link-dropdown{display:block;margin-left:20%;margin-right:20%;width:60%}.nav-link-dropdown>select{background-color:hsla(0,0%,100%,0);color:#fff;font-weight:bolder;outline:none;padding:5px 10px;width:100%}.nav-link-dropdown>select>option{background:rgba(0,0,0,.857)!important;color:#fff;font-weight:bolder;margin:40px;padding:5px 10px;text-shadow:0 1px 0 rgba(0,0,0,.4)}}.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 .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;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)}.loginScreen{height:100vh}.loginScreen,.registerScreen{background:url(https://assets.nflxext.com/ffe/siteui/vlv3/757ab38f-5d08-40bc-b3eb-eaba63ed8203/93c34f94-56c8-40a7-8b2e-b4aac6427977/GB-en-20210125-popsignuptwoweeks-perspective_alpha_website_medium.jpg) 50% no-repeat;background-size:cover;position:relative}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;font-weight:400;margin-bottom:30px}.loginScreen__body>h3{font-size:1.3rem;font-weight:400}.loginScreen__body{top:22%}.loginScreen__body,.registerScreen__body{color:#fff;left:0;margin-left:auto;margin-right:auto;padding:20px;position:absolute;right:0;text-align:center;z-index:1}.registerScreen__body{top:10%}.loginScreen__gradient{background:rgba(0,0,0,.4);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__button{background-color:#b24bf3;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:20px}.loginScreen__logo{left:0;object-fit:contain;padding-left:20px;position:fixed;width:70px}.loginScreen__input>form>input{border:none;height:30px;max-width:600px;outline-width:0;padding:10px;width:30%}.loginScreen__input{margin:20px}.loginScreen__getStarted{background-color:#b24bf3;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 20px}.signupScreen{background:rgba(0,0,0,.85);margin-left:auto;margin-right:auto;max-width:300px;padding:20px 70px}.signupScreen>form>h1{margin-bottom:25px;text-align:left}.signupScreen__gray{color:gray}.signupScreen>form>h4{margin-top:30px;text-align:left}.signupScreen>form{display:grid;flex-direction:column}.signupScreen>form>input{border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px}.signupScreen>form>button{background-color:#b24bf3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:16px 20px}.signupScreen__link:hover{cursor:pointer;text-decoration:underline}.plansScreen__plan{display:flex;justify-content:space-between;opacity:.8;padding:20px}.plansScreen__plan:hover{opacity:1}.plansScreen__plan>button{background-color:#b24bf3;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}.plansScreen__plan--disabled>button{background-color:gray!important}.profileScreen{color:#fff;height:100vh;padding-bottom:80px}.profileScreen__body{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:800px;padding-top:8%;width:50%}.profileScreen__info{display:flex}.profileScreen__details{color:#fff;flex:1 1;margin-left:25px}.profileScreen__body>h1{border-bottom:1px solid #282c2d;font-size:60px;font-weight:400;margin-bottom:20px}.profileScreen__details>h2{background-color:gray;font-size:15px;padding:15px 15px 15px 20px}.profileScreen__signOut{background-color:#b24bf3;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:5%;padding:10px 20px;width:100%}.profileScreen__plans{margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profileScreen__info>img{height:100px}.videoscreen-style{align-items:center;background-color:rgba(22,2,2,.889);display:flex;flex-direction:column;height:100vh;padding:40px 50px}.frame-style{border:5px solid brown}.movie-title{color:#fff!important;margin-top:20px;text-align:start}
/*# sourceMappingURL=main.f7e92519.css.map*/