header{position:relative;z-index:15;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(transparent));background:-webkit-linear-gradient(top,rgba(0,0,0,.75),transparent);background:linear-gradient(180deg,rgba(0,0,0,.75),transparent)}.menu-grid .logo{display:flex;align-items:center;justify-content:center;padding:50px;width:400px}.menu-grid .logo img{width:100%}.menu-grid .nav-btn{padding:30px;text-align:center}.menu-grid .nav-btn .btn{list-style:none;text-decoration:none;color:#01d277;font-weight:700;font-size:18px;border:1px solid #555;border-radius:2px;background-color:#555;padding:7px;-webkit-transition:.2s ease-in;transition:.2s ease-in}.menu-grid .nav-btn .btn:focus,.menu-grid .nav-btn .btn:hover{cursor:pointer}.movies-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3rem 2rem;padding:2.5rem 6rem 1rem;position:relative}.movies-grid .movie-item{position:relative;overflow:hidden;height:100%}.movies-grid .movie-item img{width:100%;height:100%}@media screen and (max-width:1000px){.movies-grid{grid-template-columns:repeat(3,1fr);padding:3rem 5rem}}@media screen and (max-width:700px){.movies-grid{grid-template-columns:repeat(2,1fr);padding:3rem 4rem}}@media screen and (max-width:430px){.movies-grid{grid-template-columns:1fr;padding:3rem 2.5rem}}.infos-container{position:relative;overflow:hidden;height:100%}.infos-container:before{content:"";background:rgba(2,2,2,.9);z-index:5}.infos-container .infos-box,.infos-container:before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;will-change:opacity}.infos-container .infos-box{display:grid;justify-content:center;align-items:center;text-align:center;z-index:10}.infos-container .infos-box .infos-one{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#b7c7bd;opacity:.7;padding:.8rem 0}.infos-container .infos-box .infos-two{display:flex;align-items:center;justify-content:center;padding:0 1rem;text-align:center;color:#b7c7bd;font-size:1.1rem}.infos-container .infos-box .infos-three{display:flex;align-items:center;justify-content:center;font-size:.8rem;padding:0 1rem}.infos-container:hover .infos-box,.infos-container:hover:before{opacity:1}.infos-container:hover{cursor:pointer}.infos-container a{color:inherit}.loading{color:inherit;position:relative;height:100vh;font-size:3.5rem}.loading,.search-input{width:100%;display:flex;justify-content:center}.search-input{padding:30px 0}.search-input input{padding:3px 10px;background:transparent;border:0;border-bottom:1px solid #03ce76;color:#03ce76;font-size:20px}.search-input input:focus{outline:0}.search-input input::-webkit-input-placeholder{font-size:19px}.search-input input::-moz-placeholder{font-size:19px}.search-input input:-ms-input-placeholder{font-size:19px}.search-input input::-ms-input-placeholder{font-size:19px}.search-input input::placeholder{font-size:19px}.paginator{font-family:sans-serif;display:flex;justify-content:center;padding:30px}@media screen and (max-width:500px){.paginator{padding:20px 10px}}.rc-pagination{font-weight:700}.rc-pagination-item{border-radius:2px}.rc-pagination-item-active{background-color:#01d277;border-color:#01d277}.rc-pagination-item-active a{color:#000}.rc-pagination-item:focus,.rc-pagination-item:hover{border-color:#01d277;background-color:#01d277;outline:0}.rc-pagination-item:focus a,.rc-pagination-item:hover a{color:#000}.rc-pagination-next a,.rc-pagination-prev a{color:#01d277}.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-next,.rc-pagination-prev{border-radius:2px;background-color:#000}.rc-pagination-jump-next:focus,.rc-pagination-jump-prev:focus,.rc-pagination-next:focus,.rc-pagination-prev:focus{outline:0}.movie-grid{display:grid;position:relative;grid-template-columns:.5fr 1fr 2fr .5fr;grid-template-rows:auto auto auto;grid-template-areas:". poster infos ." ". recommendations recommendations ." ". photos photos ." ". details details .";margin:2.5rem 0 1rem}@media (max-width:700px){.movie-grid{grid-template-rows:auto auto auto auto;grid-template-areas:". infos infos ." ". poster poster ." ". recommendations recommendations ." ". photos photos ." ". details details ."}}.movie-poster{grid-area:poster}.movie-poster img{width:100%}.infos-grid{grid-area:infos;padding-left:2.2rem;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,auto) .8fr;grid-row-gap:1rem}@media screen and (max-width:700px){.movie-grid .infos-grid{padding-left:0;padding-bottom:2rem}}.movie-title{font-size:3.5rem}.movie-date,.movie-runtime,.movie-vote{padding-right:1rem}.movie-tagline{font-size:2rem;color:#01d277}.movie-overview{font-size:1.3rem;color:#b7c7bd;opacity:.9}.director-job{font-size:1.1rem;padding-right:.4rem;color:#01d277}.director-name{opacity:.9}.main-cast{font-size:1.1rem;padding-right:.4rem;line-height:1rem;color:#01d277}.cast-grid{grid-area:photos;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2rem}.cast-grid .title{grid-column:1/7;font-size:2rem;opacity:.8;padding-top:2rem;padding-bottom:.5rem}.cast-grid .cast-img{position:relative;overflow:hidden;height:100%}.cast-grid .cast-img img{width:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transform}.cast-grid .infos-container{position:relative;overflow:hidden;height:100%}.cast-grid .infos-container:before{content:"";background:rgba(2,2,2,.9);z-index:5}.cast-grid .infos-container .infos-box,.cast-grid .infos-container:before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;will-change:opacity}.cast-grid .infos-container .infos-box{display:grid;justify-content:center;align-items:center;text-align:center;z-index:10}.cast-grid .infos-container .infos-box .infos-one{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#b7c7bd;opacity:.7;padding:.8rem 0}.cast-grid .infos-container .infos-box .infos-two{display:flex;align-items:center;justify-content:center;padding:0 1rem;text-align:center;color:#b7c7bd;font-size:1.1rem}.cast-grid .infos-container .infos-box .infos-three{display:flex;align-items:center;justify-content:center;font-size:.8rem;padding:0 1rem}.cast-grid .infos-container:hover .infos-box,.cast-grid .infos-container:hover:before{opacity:1}.cast-grid .infos-container a{color:inherit}.cast-grid .infos-container img{width:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transform}.cast-grid .infos-container:hover{cursor:pointer}.cast-grid .infos-container:hover .infos-box,.cast-grid .infos-container:hover:before{opacity:1}.cast-grid .infos-container:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.cast-grid .infos-container a img{width:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transform}.cursor-normal:hover{cursor:auto}@media screen and (max-width:1100px){.cast-grid{grid-template-columns:repeat(5,1fr)}.cast-grid .title{grid-column:1/6}}@media screen and (max-width:900px){.cast-grid{grid-template-columns:repeat(4,1fr)}.cast-grid .title{grid-column:1/5}}@media screen and (max-width:700px){.cast-grid{grid-template-columns:repeat(3,1fr)}.cast-grid .title{grid-column:1/4}}@media screen and (max-width:500px){.cast-grid{grid-template-columns:repeat(2,1fr)}.cast-grid .title{grid-column:1/3}}.details-grid{position:relative;grid-area:details;display:grid;grid-gap:1rem;padding-bottom:50px}.details-grid .title{opacity:.8;font-size:2rem;padding-top:2rem;padding-bottom:1rem}.details-grid .details-container .details-title{font-size:1.1rem;padding-right:.4rem;color:#01d277}.details-grid .details-container .details-value{opacity:.9}.rec-grid{grid-area:recommendations;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2rem}.rec-grid .title{grid-column:1/6;font-size:2rem;opacity:.8;padding-top:2rem}.rec-grid .infos-container img{width:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;will-change:transform}@media screen and (max-width:1100px){.rec-grid{grid-template-columns:repeat(3,1fr)}.rec-grid .title{grid-column:1/4}}@media screen and (max-width:700px){.rec-grid{grid-template-columns:repeat(2,1fr)}.rec-grid .title{grid-column:1/3}}html{min-height:100%;font:inherit;vertical-align:baseline}body,html{margin:0;padding:0;border:0}body,html{width:100%;height:100%}body{font-family:Lato,sans-serif;color:#b7c7bd;line-height:1.2;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}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;vertical-align:baseline}.smoke-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;opacity:.9;z-index:0}.hidden{display:none}.relative{position:relative}
/*# sourceMappingURL=main.6adb0483.chunk.css.map */