@import url(https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap);.nav{display:flex;font-size:2.5rem;padding:10px 20px;align-content:center;justify-content:space-evenly;background-color:#101522}@media (max-width:500px){.nav{padding:10px}}.nav .logo{margin-right:auto;margin-left:0;display:flex;align-items:center}.nav .logo h1{text-align:center;margin-right:10px}@media (max-width:850px){.nav .logo h1{font-size:1.8rem}}@media (max-width:500px){.nav .logo h1,.nav .logo ion-icon{font-size:1.6rem}}.nav .search-container{margin-left:auto;margin-right:auto;display:flex;overflow:hidden}@media (max-width:650px){.nav .search-container{margin-left:20px}}@media (max-width:500px){.nav .search-container{margin-left:10px;height:20px}}.nav .search-container input{outline:none;padding-left:5px;border:none;font-size:2rem;font-weight:300;height:100%}@media (max-width:850px){.nav .search-container input{font-size:1.4rem}}@media (max-width:500px){.nav .search-container input{width:80px;height:20px}}.nav .search-container .search-btn{background-color:#303eff;padding:0 7px;border:none;border-left:1px solid #000;outline:none;margin-left:-10px;cursor:pointer;height:100%}@media (max-width:500px){.nav .search-container .search-btn{height:20px}}.nav .search-container .search-btn ion-icon{color:#fff;font-size:2.6rem}@media (max-width:850px){.nav .search-container .search-btn ion-icon{font-size:2rem}}@media (max-width:500px){.nav .search-container .search-btn ion-icon{font-size:2rem}}.nav .nav-links{display:flex;justify-content:center;margin-left:auto;text-align:right;line-height:110%}@media (max-width:650px){.nav .nav-links{display:none}}.nav .nav-links a{transition:.3s;font-size:2rem;text-decoration:none;color:#fff;margin:0 15px;font-weight:300}.nav .nav-links a:hover{transition:.3s;color:#303eff}@media (max-width:850px){.nav .nav-links a{font-size:1.4rem}}.nav .nav-links-hidden{display:none;margin-right:-10px}@media (max-width:650px){.nav .nav-links-hidden{display:flex}}@media (max-width:500px){.nav .nav-links-hidden{margin-right:0}}.nav .nav-links-hidden ion-icon{margin:auto 0;font-size:2rem}.nav .nav-links-close{display:none;z-index:3;margin-right:-10px}@media (max-width:500px){.nav .nav-links-close{margin-right:0}}.nav .nav-links-close ion-icon{margin:auto 0;font-size:2rem}.nav-links-shown{transition:.3s;display:none;flex-direction:column;background-color:#101522;position:absolute;z-index:2;right:0;top:1;padding:0 30px 0 10px}.nav-links-shown a{transition:.3s;color:#fff;text-decoration:none;font-size:1.6rem;font-weight:300;margin:10px 0}.nav-links-shown a:hover{transition:.3s;color:#303eff}.login-container{background:linear-gradient(rgba(0,0,0,.726),rgba(0,0,0,.712)),url(/static/media/movie-back.099225e4.jpg);background-position:50%;background-size:cover}.login-container .TMDB-login{height:94vh;display:flex;flex-direction:column;align-items:center}.login-container .TMDB-login h1{font-size:3rem;margin:60px 0 40px}.login-container .TMDB-login a{color:#fff;background-color:hsla(0,0%,53.3%,.3);padding:5px 7px;border-radius:10px;text-decoration:none;font-size:2rem;font-weight:300;margin-bottom:10px}.home,.home-container{background-color:#15163f}.home-container .lds-ring{display:inline-block;position:absolute;width:80px;height:80px;top:40vh;left:45vw;z-index:5}.home-container .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}.home-container .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.home-container .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.home-container .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.home-container .t-back,.home-container .t-next{position:absolute;z-index:3;border:2px solid #fff;background-color:transparent;color:#fff;cursor:pointer;padding:13px 15px;border-radius:50%;outline:none}.home-container .t-back:hover,.home-container .t-next:hover{background-color:#fff;color:#333}.home-container .t-back{top:40%;left:5%}.home-container .t-next{top:40%;right:5%}.home-container .trending-movies{position:relative;overflow:hidden;height:96vh;width:100vw}.home-container .trending-movies .trending-movie{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s;background-position:50%;background-size:cover}.home-container .trending-movies .trending-movie .content{color:#fff;position:absolute;bottom:70px;left:-600px;opacity:0;width:600px;padding:35px}@media (max-width:450px){.home-container .trending-movies .trending-movie .content{padding:20px}}.home-container .trending-movies .trending-movie .content #trending-tag{font-weight:300;font-size:2.5rem;opacity:.8;margin-bottom:10px}@media (max-width:800px){.home-container .trending-movies .trending-movie .content #trending-tag{font-size:2rem}}@media (max-width:320px){.home-container .trending-movies .trending-movie .content #trending-tag{font-size:1.5rem}}.home-container .trending-movies .trending-movie .content h1{font-size:4rem;margin-bottom:10px}@media (max-width:800px){.home-container .trending-movies .trending-movie .content h1{font-size:3.5rem}}@media (max-width:320px){.home-container .trending-movies .trending-movie .content h1{font-size:3rem}}.home-container .trending-movies .trending-movie .content p{font-size:3rem}@media (max-width:800px){.home-container .trending-movies .trending-movie .content p{font-size:2.5rem}}@media (max-width:320px){.home-container .trending-movies .trending-movie .content p{font-size:2rem}}.home-container .trending-movies .trending-movie.current{z-index:1;opacity:1}.home-container .trending-movies .trending-movie.current .content{opacity:1;transform:translateX(600px);transition:all .75s .5s}@media (max-width:500px){.home-container .trending-movies .trending-movie .content{bottom:-300px;left:0;width:100%}.home-container .trending-movies .trending-movie.current .content{transform:translateY(-420px)}}.home-movies{background-color:#15163f;overflow:hidden;width:100%}.home-movies h1{font-size:4rem;margin:80px auto 0;text-align:center}@media (max-width:500px){.home-movies h1{font-size:3rem;margin-top:40px}}div .movies-row{display:flex;width:80%;height:auto;overflow-x:hidden;margin:30px auto;border-bottom:1px solid #303eff}@media (max-width:500px){div .movies-row{display:flex;flex-wrap:wrap;width:90%;justify-content:center}}div .movies-row .now-playing-movies,div .movies-row .popular-movies,div .movies-row .upcoming-movies{text-decoration:none;cursor:pointer;transition:.5s;width:12.3%;height:100%;flex-shrink:0;margin:2% 1%;border-radius:10px}@media (max-width:500px){div .movies-row .now-playing-movies,div .movies-row .popular-movies,div .movies-row .upcoming-movies{width:31%}}div .movies-row .now-playing-movies img,div .movies-row .popular-movies img,div .movies-row .upcoming-movies img{color:#fff;transition:.3s;width:100%;opacity:.8;border-radius:10px}div .movies-row .now-playing-movies img:hover,div .movies-row .popular-movies img:hover,div .movies-row .upcoming-movies img:hover{transition:.3s;opacity:1;box-shadow:0 0 5px}div .movies-row .now-playing-movies h2,div .movies-row .popular-movies h2,div .movies-row .upcoming-movies h2{color:#fff;font-size:1.8rem;font-weight:300;text-align:center;margin-top:5px}@media (max-width:500px){div .movies-row .now-playing-movies h2,div .movies-row .popular-movies h2,div .movies-row .upcoming-movies h2{display:none}}div .back,div .next{border:2px solid #fff;background-color:transparent;color:#fff;cursor:pointer;padding:13px 15px;border-radius:50%;outline:none}div .back{left:5%}div .back,div .next{z-index:2;position:absolute;top:25%}div .next{right:5%}div .back.c,div .next.c{border:none;font-size:4rem}@media (max-width:500px){div .back.c,div .next.c{display:none}}.discover{background-color:#15163f}.discover #discover-title{text-align:center;width:30%;font-size:4rem;margin:40px auto}@media (max-width:500px){.discover #discover-title{font-size:3rem}}.discover .search-filter-bar{width:80%;display:flex;flex-direction:column;align-items:center;margin:0 auto 30px}@media (max-width:500px){.discover .search-filter-bar{width:100%}}.discover .search-filter-bar div{margin:0 auto}@media (max-width:500px){.discover .search-filter-bar div{display:flex;flex-direction:column;justify-content:center}}.discover .search-filter-bar div select{margin:0 40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;border:none;font-size:1.8rem;outline:none;background-color:#fff}@media (max-width:500px){.discover .search-filter-bar div select{width:150px;margin-bottom:10px;font-size:1.4rem}}.discover .search-filter-bar div select option{padding:5px}.discover .search-filter-bar div input{margin:0 40px;padding:5px;border:none;font-size:1.8rem;border-radius:5px}@media (max-width:500px){.discover .search-filter-bar div input{font-size:1.4rem;width:140px;margin-bottom:10px}}.discover .search-filter-bar button{cursor:pointer;color:#fff;background-color:#101131;margin:30px;width:150px;font-size:2rem;border-radius:15px;padding:5px;border:1px solid #fff}.discover .search-filter-bar h2{font-size:2rem;font-weight:300}.discover .discover-movies{width:70%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around}@media (max-width:500px){.discover .discover-movies{width:90%}}.discover .discover-movies .discover-movie{width:150px;margin:2%;text-decoration:none}@media (max-width:500px){.discover .discover-movies .discover-movie{width:80px}}.discover .discover-movies .discover-movie img{transition:.3s;width:150px;opacity:.8}@media (max-width:500px){.discover .discover-movies .discover-movie img{opacity:1;width:80px}}.discover .discover-movies .discover-movie img:hover{transition:.3s;opacity:1;transform:scale(1.05)}.discover .discover-movies .discover-movie h2{margin-top:5px;font-size:1.8rem;color:#fff;text-align:center;font-weight:300}.discover .discover-btns{margin:0 auto;width:35%;display:flex;justify-content:space-between}@media (max-width:500px){.discover .discover-btns{width:90%}}.discover .discover-btns #discover-next,.discover .discover-btns #discover-prev{cursor:pointer;outline:none;display:flex;align-content:center;font-size:4rem;color:#fff;background-color:transparent;border:none}@media (max-width:500px){.discover .discover-btns #discover-next,.discover .discover-btns #discover-prev{font-size:3rem}}.discover .discover-btns #discover-next span,.discover .discover-btns #discover-prev span{font-size:2rem;margin-top:6px}@media (max-width:500px){.discover .discover-btns #discover-next span,.discover .discover-btns #discover-prev span{font-size:1.5rem}}#discover-loading{display:inline-block;position:absolute;width:80px;height:80px;top:40vh;left:45vw;color:#fff;z-index:5}#discover-loading div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}#discover-loading div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}#discover-loading div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}#discover-loading div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.discover #search-title{text-align:center;margin:40px auto;font-size:3rem;font-weight:399}@media (max-width:500px){.discover #search-title{font-size:2rem;width:90%}}.movie{background-color:#15163f}.movie .m-back{position:absolute;top:15vh;left:5%;z-index:1;color:#fff;background-color:transparent;border:none;font-size:4rem}.movie .movie-background{overflow:hidden;height:100vh;width:100vw;background-repeat:no-repeat;background-position:50%;background-size:cover}.movie .movie-details{width:50%;position:absolute;top:70vh;left:5%}@media (max-width:500px){.movie .movie-details{top:30vh;width:95%}}.movie .movie-details h1{font-size:3.5rem;margin-bottom:20px}@media (max-width:500px){.movie .movie-details h1{font-size:2.5rem;margin-bottom:10px}}.movie .movie-details .info-box{display:flex}.movie .movie-details .info-box p{font-size:2rem;font-weight:300;margin-bottom:10px}@media (max-width:500px){.movie .movie-details .info-box p{font-size:1.5rem;margin-bottom:5px}}.movie .movie-details .info-box .rating{color:#ffce48;margin-right:10px}.movie .movie-details .info-box .genres{display:flex}.movie .movie-details .info-box .genres p{margin-right:10px}@media (max-width:500px){.movie .movie-details .info-box .genres p{margin-right:5px}}.movie .movie-details .info-box .runtime{margin-left:5px}.movie .movie-details .view-summary{cursor:pointer;font-size:2rem;height:50%;background:transparent;outline:none;border:none;padding:0;margin:auto 15px auto 0}@media (max-width:500px){.movie .movie-details .view-summary{display:none}}.movie .movie-details .view-summary p{color:#fff}.movie .movie-details .rate-movie{color:#fff;margin-right:30px;cursor:pointer;font-size:2rem;background:transparent;outline:none;border:none;padding:0}@media (max-width:500px){.movie .movie-details .rate-movie{font-size:1.8rem}}.movie .movie-details #rate-movie-box{display:none;margin-left:20px}.movie .movie-details #rate-movie-box input{padding:3px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.5rem;border:1px solid #fff;background-color:#000;outline:none;margin-right:5px}.movie .movie-details #rate-movie-box button{transition:.3s;cursor:pointer;outline:none;background-color:transparent;color:#fff;border:none;font-size:1.8rem}.movie .movie-details #rate-movie-box button:hover{transition:.3s;color:#303eff}.movie .movie-details #message{color:red;font-size:1.8rem;font-weight:300;margin-top:10px}@media (max-width:500px){.movie .movie-details #message{font-size:1.4rem}}.movie .movie-details .small-screen-summary{display:none;font-size:1.8rem;position:absolute;top:34vh;left:-2%}@media (max-width:500px){.movie .movie-details .small-screen-summary{display:flex}}.movie .summary-container{transition:.5s;position:absolute;top:-700px;right:20px;width:500px;margin:0 auto;display:flex}@media (max-width:500px){.movie .summary-container{top:68vh;right:3%;left:3%;width:94%;text-align:left}}.movie .summary-container p{font-size:2rem;line-height:1.3;font-weight:300}@media (max-width:500px){.movie .summary-container p{font-size:1.5rem}}.movie .summary-container.view{transition:.5s;top:70vh}.movie #cast-title{font-size:4rem;text-align:center;margin-top:80px}@media (max-width:500px){.movie #cast-title{font-size:3rem;margin-top:40px}}.movie #no-cast{margin-top:30px;text-align:center;font-size:2.5rem;font-weight:300}@media (max-width:500px){.movie #no-cast{font-size:2rem}}.movie .reviews{color:#fff;font-size:1.6rem;width:50%;margin:40px auto 80px}@media (max-width:500px){.movie .reviews{width:90%;margin:30px auto 60px}}.movie .reviews #reviews-title{font-size:4rem;text-align:center;margin-top:80px}@media (max-width:500px){.movie .reviews #reviews-title{font-size:3rem;margin-top:40px}}.movie .reviews .review{border-left:1px solid #303eff;background-color:#202161;margin:40px 0;padding:15px}.movie .reviews .review h3{font-size:2rem;margin-bottom:10px}@media (max-width:500px){.movie .reviews .review h3{font-size:1.5rem}}.movie .reviews .review p{color:#e4e4e4;font-weight:300;margin-bottom:15px;line-height:1.2}@media (max-width:500px){.movie .reviews .review p{font-size:1.4rem}}.movie .reviews .review a{color:#fff;text-decoration:none}@media (max-width:500px){.movie .reviews .review a{font-size:1.4rem}}.movie-nav-links{position:absolute;top:2vh;right:0;z-index:1;background-color:transparent;display:flex;justify-content:flex-end;font-size:2.5rem;padding:10px 20px;align-content:center}.movie-nav-links a{transition:.3s;font-size:2rem;text-decoration:none;color:#fff;margin:0 15px;font-weight:300}.movie-nav-links a:hover{transition:.3s;color:#303eff}div{position:relative}div .cast{display:flex;width:50%;height:auto;overflow-x:hidden;margin:30px auto 80px;border-bottom:1px solid #303eff}@media (max-width:500px){div .cast{flex-wrap:wrap;width:95%;justify-content:center}}div .cast .actor-box{text-decoration:none;transition:.5s;width:23.4%;height:100%;flex-shrink:0;margin:2% 5%;border-radius:10px}@media (max-width:500px){div .cast .actor-box{width:29%;margin:2%}}div .cast .actor-box img{width:100%;border-radius:10px}div .cast .actor-box h3{color:#fff;font-size:1.8rem;font-weight:300;text-align:center;margin-top:5px}div .back-a,div .next-a{border:2px solid #fff;background-color:transparent;color:#fff;cursor:pointer;padding:13px 15px;border-radius:50%;outline:none}div .back-a:hover,div .next-a:hover{background-color:#fff;color:#333}div .back-a{z-index:2;position:absolute;left:20%;top:35%}@media (max-width:500px){div .back-a{display:none}}div .next-a{z-index:2;position:absolute;right:20%;top:35%}@media (max-width:500px){div .next-a{display:none}}.footer{background-color:#222;display:flex;padding:60px 10%;margin-top:40px}@media (max-width:500px){.footer{padding:40px 5%;margin-top:30px}}.footer .footer-info .footer-nav{display:flex;flex-direction:column;align-content:center}.footer .footer-info .footer-nav h1{font-size:2.5rem;margin-bottom:10px;text-align:center}@media (max-width:500px){.footer .footer-info .footer-nav h1{font-size:2rem}}.footer .footer-info .footer-nav .footer-links{text-align:center}.footer .footer-info .footer-nav .footer-links a{transition:.3s;font-size:1.8rem;font-weight:300;text-decoration:none;color:#fff;margin:0 5px}@media (max-width:500px){.footer .footer-info .footer-nav .footer-links a{font-size:1.5rem}}.footer .footer-info .footer-nav .footer-links a:hover{transition:.3s;color:#303eff}.footer .footer-info .copyright{font-weight:300;display:flex;flex-direction:column;margin-top:30px}.footer .footer-info .copyright h2{text-align:left;font-size:1.8rem;margin-bottom:5px}@media (max-width:500px){.footer .footer-info .copyright h2{font-size:1.5rem}}.footer .footer-info .copyright a{transition:.3s;font-size:1.8rem;color:#fff;text-decoration:none;margin-bottom:25px}@media (max-width:500px){.footer .footer-info .copyright a{font-size:1.5rem}}.footer .footer-info .copyright a:hover{transition:.3s;color:#303eff}.footer .moviedb-logo{margin:auto 0 auto auto}.footer .moviedb-logo img{width:100px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%;color:#fff;background-color:#15163f;font-family:"Roboto",sans-serif}html,html body{overflow-x:hidden}html body .App{text-align:center}html body .lds-ring{display:inline-block;position:absolute;width:80px;height:80px;top:40vh;left:45vw;color:#fff;z-index:5}html body .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}html body .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}html body .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}html body .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c7944943.chunk.css.map */