@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap);@font-face{font-family:sf_slapstick_comicBdOb;font-style:normal;font-weight:400;src:url(/static/media/sf_slapstick_comic-webfont.85a6b12473574a1f8b38.woff2) format("woff2"),url(/static/media/sf_slapstick_comic_bold-webfont.5631db290d2a2de6df36.woff2) format("woff")}body{background-color:#070707;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0 auto}li{list-style-type:none}a{cursor:pointer;text-decoration:none}a,a:visited{color:#070707}.light-mode{background-color:#fff;color:hsla(0,7%,8%,.87)}h1,h2{font-family:sf_slapstick_comicBdOb}.App-header{background-color:#342f28}#banner{background:url(https://res.cloudinary.com/dw369yzsh/image/upload/v1470916846/banner_background_ez243c.jpg);background-repeat:no-repeat;background-size:cover;padding:9.5em 0;width:100%}#banner #banner_content_wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:90%;width:900px}#banner #poster{float:left;position:relative;width:275px}#banner #poster .featured_image{border:5px solid #e57519;border-radius:.5em;box-shadow:0 0 76px 0 rgba(0,0,0,.47);max-width:100%;width:100%}#banner #poster .play_button{left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px}#banner #content{float:left;margin-left:100px;width:500px}#banner #content .title{color:#fff;display:inline;font-size:1.75em}#banner #content .ratings{display:inline;margin-left:1em}#banner #content .ratings i{color:#73e298;font-size:1.35em;margin:0 .15em}#banner #content .ratings .inactive{color:#48494d}#banner #content .description{color:#bbbebf;font-size:1em;line-height:2}#banner #content .info{color:#fff;font-size:.8em;font-weight:700;margin-top:3em}#banner #content .info span{margin:0 .9em}.navigation{align-items:center;background-color:#fff;border:5px solid #e57519;display:flex;justify-content:space-evenly;padding:10px 100px}.navigation a{border-radius:4px;font-family:sf_slapstick_comicBdOb;margin:10px;padding:10px;position:relative}.navigation .logo{align-items:center;display:flex;justify-content:center;left:50%;top:5px;-webkit-transform:translate(-50%);transform:translate(-50%);width:500px}.navigation .logo img{height:80px}.navigation .nav-active:after{background:#e57519;bottom:1px;content:"";height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.footer{background-color:#fff;border:5px solid #e57519;height:300px;margin-top:auto;padding:0 160px}.footer,.footer .logo-entreprise{align-items:center;display:flex;justify-content:space-around}.footer .logo-entreprise{height:100px}.footer .logo-fb{align-items:center;display:flex;height:90px;justify-content:space-around;width:90px}.footer p{color:#070707;letter-spacing:1px;margin-left:10px}.footer .img,.footer img{height:210px;margin-left:0;width:210px}.movie{border-radius:4px;margin:10px;overflow:hidden;position:relative;transition:.3s}.movie:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}.movie img{aspect-ratio:2/3;border:3px solid #e57519;border-radius:6px;height:300px;object-fit:cover}.movie .conteneur{height:100%;top:0;transition:.2s;width:100%}.movie .conteneur:hover{opacity:1}.movie .conteneur:hover ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.movie .conteneur ul{color:#fff;display:grid;height:100%;padding-top:5px;text-align:center;-webkit-transform:scaleY(.3);transform:scaleY(.3);transition:.3s;width:100%;z-index:20}.movie .conteneur ul:after{content:"";height:100%;left:0;position:absolute;top:0;transition:.02s;width:100%}.movie .conteneur ul:hover:after{background:rgba(0,0,0,.65)}.movie .conteneur li{color:#e57519;font-size:.9rem;font-weight:700;inline-size:200px;text-align:center}.popularMovies-list{justify-content:center;margin-top:120px}.popularMovies-list,.searchMovie .searchMovie-list{display:flex;flex-wrap:wrap}.searchMovie .input{align-items:center;border:3px solid #e57519;border-radius:5px;display:flex;font:inherit;height:40px;margin-right:20px;padding-left:.5rem;width:20}.searchMovie .input-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:2%}.searchMovie .placeholder-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:10%}.categoriesMovies .titleCategory{text-align:center}.categoriesMovies .sort-container{background:#fff;border-radius:15px;box-shadow:0 2px 2px rgba(51,51,51,.3);color:#e57519;display:flex;max-width:100%;padding:8px}.categoriesMovies select{background-color:#e56f0f;border:5px solid #2d162d;color:#fff;font-size:medium;height:60px;margin:0 auto;width:500px}.categoriesMovies .categoriesMovies-list{display:flex;flex-wrap:wrap;margin-top:20px}.categoriesMovies .placeholder-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:10%}.details-container{flex:1 1;flex-direction:column}.details-container .textActor{font-weight:700;text-align:center}.movie_card{border-radius:10px;margin:120px auto;overflow:hidden;transition:all .4s;width:1200px}.movie_card .info_section{border-radius:10px;position:relative;width:100%;z-index:2}.movie_card .info_section .movie_header{height:40%;padding:25px;position:relative}.movie_card .info_section .movie_header h1,.movie_card .info_section .movie_header h4{font-weight:400}.movie_card .info_section .movie_header .minutes{border:1px solid rgba(0,0,0,.05);border-radius:5px;display:inline-block;margin-top:15px;padding:5px}.movie_card .info_section .movie_header .type{cursor:pointer;display:inline-block;margin-left:10px}.movie_card .info_section .movie_header .type:hover{text-decoration:underline}.movie_card .info_section .movie_header .locandina{float:left;height:420px;margin-right:20px;position:relative}.movie_card .info_section .movie_desc{height:50%;padding:25px 25px 80px}.movie_card .info_section .actors_desc{display:flex;flex-wrap:wrap;padding:30px}.movie_card .blur_back{background-size:cover;border-radius:11px;height:100%;position:absolute;right:0;top:0;z-index:1}@media screen and (min-width:768px){.blur_back{background-position:-100% 10%!important;width:80%}}@media screen and (max-width:768px){.movie_card{height:auto;margin:70px auto;min-height:350px;width:95%}.blur_back{background-position:50% 50%!important;width:100%}.movie_header{margin-top:85px;width:100%}.movie_desc{width:100%}.info_section{display:inline-grid}}.text_actor{font-size:25px;text-align:center}.actor{border-radius:4px;cursor:pointer;margin:6px;overflow:hidden;position:relative;transition:.3s}.actor:hover{-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}.actor img{border:2px solid #e57519;width:174px}.actor .actorContainer{text-align:center}.actor .actorContainer ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.actor ul{color:#e57519;display:grid;height:100%;padding-top:5px;text-align:center;-webkit-transform:scaleY(.6);transform:scaleY(.6);transition:.3s;width:100%;z-index:20}.actor ul:after{content:"";height:100%;left:0;position:absolute;top:0;transition:.04s;width:100%}.actor ul:hover:after{background:rgba(0,0,0,.65)}.actor li{font-size:10 px;z-index:30}.actor li:first-child{color:#e57519;font-weight:700}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App{text-align:center}.popularBanner{padding-top:150px}.popularBanner,.poster-grid{display:flex;justify-content:center}.poster-grid{align-items:center;border-radius:4px;margin:10px;overflow:hidden;position:relative;transition:.3s}.poster-grid img{aspect-ratio:2/3;border:3px solid #e57519;height:300px;margin:10px;object-fit:cover}
/*# sourceMappingURL=main.b4995ac1.css.map*/