@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap);*{padding:0}*,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}body{--netflix-main-color:#e50914;--netflix-main-hover-color:#be0b14}.app{background:url(http://mppmduse2pmpovwapp.azurewebsites.net/wp-content/uploads/2019/09/netflix-background-9.jpg);width:100%;height:100vh;box-shadow:inset 10px 10px 500px 170px#000000;background-position:50%;background-size:cover}@media (max-width:685px){.app{box-shadow:inset 10px 10px 300px 130px#000000}}.header{position:fixed;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;transition:all .3s ease-in-out;background-image:linear-gradient(1turn,transparent,rgba(37,37,37,.61),#111);z-index:10}.header__logo{width:140px;margin:10px 30px}.header__signout{background-color:var(--netflix-main-color)!important;padding:4px 10px!important;color:#fff!important;border:none!important;font-weight:600!important;border-radius:5px!important;cursor:pointer!important;transition:all .3s ease!important;margin-right:20px!important;outline:none!important}.header__signout:hover{background-color:var(--netflix-main-hover-color)!important}.header__buttons{-webkit-justify-content:space-between;justify-content:space-between;margin-right:60px}.header__buttons,.header__link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__link{text-decoration:none;color:#fff;margin-left:10px}.header__link>p{font-size:13px}.header__avatar{cursor:pointer}.header__username{color:#c5c4c4;margin-left:10px;padding-bottom:4px;cursor:pointer;border-bottom:1px solid #d3d3d3}@media (max-width:685px){.header__buttons{margin-right:40px}}@media (max-width:500px){.header__logo{width:120px;margin:5px 20px}.header__buttons{margin-right:25px}.header__signout{padding:4px 6px!important;margin-right:10px!important;font-size:14px}}@media (max-width:450px){.header{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:10px}}@media (max-width:400px){.header__username{font-size:20px}.header__link p{display:none}.header__buttons{margin:0}}@media (max-width:370px){.header__buttons{margin-right:15px}.header__signout{padding:4px 6px!important;margin-right:8px!important;font-size:8px}}.explore{width:100%;background-color:#111}.banner{color:#fff;object-fit:contain;height:448px}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3;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;margin-right:1rem;background-color:rgba(51,51,51,.5);padding:.5rem 2rem;transition:all .2s}.banner__button:hover{color:#000;background-color:#e6e6e6}.banner--fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}@media (max-width:400px){.banner__description{width:35rem;max-width:100%;height:80px}}.row{margin-left:20px;color:#fff}.row__posters::-webkit-scrollbar{display:none}.row__posters{max-width:100vw;overflow-y:hidden;overflow-x:scroll;display:-webkit-flex;display:flex;padding:20px}.row__poster{width:100%;height:200px;background-position:50%;background-size:cover;background-repeat:no-repeat;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s}.row__poster:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.row__movie{min-height:300px;cursor:pointer}.row__title{font-size:18px;cursor:pointer}.row__link{text-decoration:none}.signin{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.signin__mainBox{color:#fff;width:400px;height:500px;background-color:rgba(0,0,0,.7);border-radius:5px;margin-top:80px}.signin__box{margin:50px 40px}.signin__mainBox form{margin-top:40px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:10px}.signin__mainBox form input{background-color:#333;border:none;border-radius:4px;width:90%;font-size:17px;padding:10px;margin-bottom:20px;outline:none;height:30px;color:#fff}.signin__mainBox form button{width:100%;background-color:var(--netflix-main-color);border:none;padding:10px 0;font-size:17px;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s ease;outline:none}.signin__mainBox form button:hover{background-color:var(--netflix-main-hover-color)}.signin__box{text-align:center}.home{color:#fff;max-width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.home__title{font-size:50px;width:70%;text-align:center}.home__subtitle{font-size:25px}.home__paragraph,.home__subtitle{font-weight:400;text-align:center}.home__paragraph{margin-top:35px}.home__input{position:relative;background-color:#fff;margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:70%}.home__inputField{background:transparent;border:none;font-size:20px;outline:none;width:500px;-webkit-flex:1 1;flex:1 1;margin:0 10px}.home__button{background-color:var(--netflix-main-color);font-size:30px;font-weight:600;color:#fff;border:none;transition:all .3s ease;padding:10px 20px;cursor:pointer}.home__button:hover{background-color:var(--netflix-main-hover-color)}@media (max-width:685px){.home__title{font-size:30px}.home__subtitle{font-size:20px}.home__input{-webkit-flex-direction:column;flex-direction:column;background:none;-webkit-align-items:center;align-items:center}.home__inputField{width:70%;background:#fff;padding:10px 15px}.home__button{margin-top:10px;width:75%;font-size:25px}}@media (max-width:500px){.home__button{font-size:18px}}.serie{width:100%;min-height:100vh;background-color:#111}.details{padding-bottom:30px}.details__header{color:#fff;margin-top:-130px;padding:0 50px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.details__header,.details__nameDate{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.details__nameDate>h2{margin-top:20px;margin-left:10px}.details__originalName{font-size:50px;letter-spacing:3px;font-family:"RocknRoll One",sans-serif;font-weight:700}.details__icon{margin-left:15px;cursor:pointer;background-color:#032541;padding:8px;border:.5px solid hsla(0,0%,62.7%,.4);border-radius:50%;opacity:.5;transition:all .3s ease!important}.details__icon:hover{opacity:1}.details__voteDetails{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.details__voteImg{width:50px;object-fit:cover}.details__voteAverage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.details__voteAverage>h1{font-family:"RocknRoll One",sans-serif;margin-left:20px;font-size:35px}.details__voteAverage>h3{margin-left:5px;margin-top:10px;opacity:.7}.details__infoTitle{color:#a7a6a6;font-family:"RocknRoll One",sans-serif;font-size:20px;padding:5px;display:-webkit-flex;display:flex}.details__info{padding:10px;border-radius:6px;margin:80px auto;max-width:95%}.details__detail{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.details__infoDetails{color:#e7e7e7;font-family:"RocknRoll One",sans-serif;margin-left:20px;margin-top:5px}.details__triller{width:100%}.details__triller,.details__tvSeasons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:40px}.details__tvSeasons{-webkit-flex-direction:column;flex-direction:column}.details__seasons{display:-webkit-flex;display:flex;margin-top:60px;overflow-x:scroll;overflow-y:hidden;border:1px solid #252525;border-radius:8px;padding:10px}.details__seasons::-webkit-scrollbar{display:none}.details__seasonsTitle{color:#fff;font-family:"RocknRoll One",sans-serif}.details__season{min-width:200px;min-height:300px;margin:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.detail__seasonDetail{width:100%;height:300px;background-position:50%;background-size:cover;background-repeat:no-repeat;transition:all .45s ease}.detail__seasonName{color:#fff;font-weight:500;font-family:"RocknRoll One",sans-serif;margin-top:10px}.detail__seasonDate{font-size:14px;font-family:"RocknRoll One",sans-serif;color:hsla(0,0%,100%,.4)}.details__addBtn{background:transparent;border:none;outline:none;color:#fff}.movie,.profile{width:100%;min-height:100vh;background-color:#111}.profile{padding:20px 0}.profile__main{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-top:100px}.profile__main,.profile__userInfo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.profile__userInfo{width:60%;min-height:70vh;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap}.profile__avatarInfo{padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.profile__avatar{width:200px!important;height:200px!important;font-size:60px!important;display:-webkit-flex;display:flex;font-weight:700}.profile__avatar,.profile__username{font-family:"RocknRoll One",sans-serif}.profile__username{color:#fff;margin-top:10px}.email{color:hsla(0,0%,100%,.678)}.profile__updateInfo>p{margin-top:15px;color:silver;font-family:"RocknRoll One",sans-serif;font-size:14px}.profile__updateField{display:-webkit-flex;display:flex;margin:10px;padding:5px}.profile__updateField input{border:1px solid #3f3f3f;background:#2c2c2c;color:#fff;outline:none;font-size:20px;padding:0 10px;border-radius:8px;height:45px}.profile__updateBtn{width:60%;border:none;padding:10px 0;margin-top:20px;margin-left:30px;color:#fff;background-color:green;border-radius:5px;cursor:pointer;transition:all .3s ease}.profile__updateBtn:hover{background-color:#036d03}.profile__favorite{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:40px}.profile__favTitle{color:#fff;text-align:center}.profile__favorites{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;overflow-y:hidden;overflow-x:scroll;max-width:100%}.profile__favorites::-webkit-scrollbar{display:none}.row__posterLarge{height:300px}.row__movie{min-width:200px;min-height:400px;margin:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.row__title{font-family:"Ubuntu",sans-serif;font-weight:500;margin-top:10px;text-align:center;transition:color .3s ease;color:#e7e7e7}.favTitle{font-size:22px}.row__title span{font-size:15px;opacity:.4}.row__title:hover{color:#b6b6b6}.row__addedDate{color:#fff;margin-top:10px;opacity:.4}.profile__favorites>p{color:#a3a3a3;margin-top:20px;text-align:center}.row__poster{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.row__poster button{height:50px;background:none;border:none}.row__posterDelete{color:red;background-color:#d8d8d8!important;border-radius:5px;padding:5px;margin:10px;cursor:pointer;transition:all .2s ease!important}.row__posterDelete:hover{-webkit-transform:scale(1.08)!important;transform:scale(1.08)!important}@media (max-width:500px){.profile__updateField input{width:200px;font-size:17px;padding:0 10px;height:40px}}
/*# sourceMappingURL=main.9feaf832.chunk.css.map */