*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#111}.nav{position:fixed;top:0;padding:20px;width:100vw;height:30px;z-index:1;transition:all .7s ease-in}.nav .nav__contents{display:flex;justify-content:space-between}.nav .nav__contents .nav__logo{position:fixed;top:10px;left:0;width:80px;object-fit:contain;padding-left:20px;cursor:pointer}.nav .nav__contents .nav__avatar{position:fixed;right:20px;width:40px;height:40px;cursor:pointer}.nav.nav_black{background-color:#111}.banner{height:448px;position:relative;object-fit:contain;color:#fff}.banner .banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner .banner__contents .banner__tittle{font-size:3rem;font-weight:800;padding-bottom:.3rem}@media(max-width:400px){.banner .banner__contents .banner__tittle{font-size:2rem}}.banner .banner__contents .banner__buttons .banner_button{outline:none;cursor:pointer;border:none;color:#fff;font-weight:800;border-radius:.2vw;padding:.5rem 2rem;margin-right:1rem;background-color:rgba(51,51,51,.5)}.banner .banner__contents .banner__buttons .banner_button:hover{color:#000;background-color:#e6e6e6;transition:all .3s}.banner .banner__contents .banner_description{width:45rem;max-width:360px;padding-top:1rem;font-size:.8rem;line-height:1.3;height:80px}@media(max-width:400px){.banner .banner__contents .banner_description{font-size:10px;width:12rem}}.banner .banner--fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.row{color:#fff;margin-left:20px}.row h1{font-size:30px}.row .poster__container{display:flex;overflow-y:hidden;overflow-x:scroll}.row .poster__container::-webkit-scrollbar{display:none}.row .poster__container .row__poster{max-height:200px;object-fit:contain;width:100%;margin-right:10px;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s}.row .poster__container .row__poster:hover{-webkit-transform:scale(1.08);transform:scale(1.08);opacity:1}.row .poster__container .row__poster.row__poster__large{max-height:250px}.row .poster__container .row__poster.row__poster__large:hover{-webkit-transform:scale(1.09) rotate(5deg);transform:scale(1.09) rotate(5deg);opacity:1}.login{position:relative;background:#fff;height:100vh;background:url(https://cdn.hipwallpaper.com/i/98/21/dUyCkp.jpg) 50% no-repeat;background-size:cover}.login .login__screen .login__logo{cursor:pointer;position:fixed;top:0;width:150px;padding-left:20px;object-fit:contain}.login .login__screen .login_btn_sign{position:fixed;right:20px;top:20px;padding:10px 20px;font-size:1rem;background:#e50914;color:#fff;outline:none;border:none;cursor:pointer;font-weight:600}.login .login__screen .login_gradient{width:100vw;height:100vh;z-index:1;background:rgba(0,0,0,.4);background-image:linear-gradient(0deg,rgba(7,3,3,.8) 0,transparent 50%,rgba(0,0,0,.8))}.login .login_body{position:absolute;top:30%;color:#fff;margin-left:auto;margin-right:auto;text-align:center;z-index:1;width:100vw}.login .login_body h1{font-size:3rem;margin-bottom:20px}.login .login_body h2{font-weight:400;font-size:1.75rem;margin-bottom:20px}.login .login_body h3{font-size:1rem;font-weight:400}.login .login_form{margin:20px}.login .login_form form input{padding:10px;outline-width:0;width:30%;max-width:600px;border:none;height:29px}.login .login_form form button{border-radius:2px;font-size:.8rem;padding:17px 20px;background-color:#e92832;color:#fff;border:none;font-weight:500;cursor:pointer}.signup{max-width:300px;background:rgba(0,0,0,.85);padding:70px}.signup,.signup form{margin-left:auto;margin-right:auto}.signup form{display:grid;flex-direction:column}.signup form .sign{font-size:2rem;text-align:left}.signup form input{padding:10px;outline-width:0;height:30px;margin-bottom:15px;border-radius:5px;border:none}.signup form button{border:none;padding:15px;font-size:1rem;font-weight:600;color:#fff;background:#e92832;border-radius:5px;cursor:pointer}.signup form h3{text-align:left;margin-top:20px}.signup form h3 .new__to__netflix{color:grey}.signup form h3 .underline{cursor:pointer}.signup form h3 .underline:hover{text-decoration:underline}.profile{color:#fff;height:100vh}.profile .profile__screen__body{display:flex;flex-direction:column;width:50%;margin-left:auto;margin-right:auto;max-width:800px;padding-top:8%}@media(max-width:625px){.profile .profile__screen__body{padding-top:15%}}@media(max-width:400px){.profile .profile__screen__body{padding-top:30%}}.profile .profile__screen__body .payment{font-size:20px;background:#db373f;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@media(max-width:400px){.profile .profile__screen__body .payment{font-size:10px}}@-webkit-keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}.profile .profile__screen__body .edit__profile_text{font-size:60px;font-weight:400;margin-bottom:20px}@media(max-width:625px){.profile .profile__screen__body .edit__profile_text{font-size:30px}}@media(max-width:400px){.profile .profile__screen__body .edit__profile_text{font-size:20px;margin-bottom:10px}}.profile .profile__info{display:flex}.profile .profile__info img{height:100px}@media(max-width:625px){.profile .profile__info img{height:60px}}@media(max-width:400px){.profile .profile__info img{height:30px}}.profile .profile__info .profile__details{margin-left:20px;flex:1 1}@media(max-width:400px){.profile .profile__info .profile__details{margin-left:10px}}.profile .profile__info .profile__details h2{background:grey;font-size:15px;padding:15px}@media(max-width:625px){.profile .profile__info .profile__details h2{padding:10px;font-size:10px}}@media(max-width:400px){.profile .profile__info .profile__details h2{font-size:8px;padding:5px}}.profile .profile__info .profile__details .profile__plans{margin-top:10px}@media(max-width:625px){.profile .profile__info .profile__details .profile__plans{margin-top:5px}}.profile .profile__info .profile__details .profile__plans h3{padding-bottom:10px}@media(max-width:625px){.profile .profile__info .profile__details .profile__plans h3{padding-bottom:0;font-size:15px}}@media(max-width:400px){.profile .profile__info .profile__details .profile__plans h3{font-size:10px}}@media(max-width:625px){.profile .profile__info .profile__details .profile__plans p{font-size:10px}}.profile .profile__info .profile__details .profile__plans .profile__signout{padding:10px 20px;font-size:1rem;color:#fff;width:100%;background:#e50914;border:none;margin-top:15px;border-radius:4px;cursor:pointer;font-weight:700}@media(max-width:625px){.profile .profile__info .profile__details .profile__plans .profile__signout{padding:5px 15px;font-size:1rem}}@media(max-width:400px){.profile .profile__info .profile__details .profile__plans .profile__signout{margin-top:5px;padding:5px 10px;font-size:10px}}.profile .profile__info .profile__details .profile__plans .profile__signout:hover{background:#e92832}
/*# sourceMappingURL=main.5833605d.chunk.css.map */