*{margin:0;padding:0}#root,.App,body,html{min-height:100%}.App{color:#fff;font-family:sans-serif;margin:0;padding:0}.header{background-color:rgba(0,0,0,.852);justify-content:space-between;padding:.5rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:99}.header,.headerLeft{align-items:center;display:flex}a{text-decoration:none}a>span{color:#fff;cursor:pointer;font-size:1rem;margin:0 30px}a>span:hover{color:#f6c700}.header_icon{cursor:pointer;width:80px}.Menu_toggle{display:none}@media (max-width:575.98px){.Menu_toggle{display:block}.menu_links{display:none}.menu_links,.menu_links_expanded{left:0;position:absolute;right:0;top:60px}.menu_links_expanded{display:block}.menu_links span,.menu_links_expanded span{background-color:rgba(0,0,0,.904);display:block;margin:0;padding:20px 0;text-align:center;transition:2000;width:100%}}.movie__list{padding:0 3rem 3rem}.list__title{font-size:1.75rem;margin:2.5rem}.list__cards{display:flex;flex-wrap:wrap;justify-content:center}.cards{border:1px solid #636363;border-radius:10px;cursor:pointer;display:inline-block;height:300px;margin:.19rem;overflow:hidden;position:relative;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:200px;z-index:0}.cards:hover{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);-webkit-transform:scale(1.2);transform:scale(1.2);z-index:98}.cards__img{height:300px}.cards__overlay{background-image:linear-gradient(transparent,#000);bottom:0;display:flex;flex-direction:column;height:290px;justify-content:flex-end;opacity:0;padding:0 1rem 1rem;position:absolute;transition:opacity .2s;width:85%}.cards__overlay:hover{opacity:1}.card__title{font-size:1rem;font-weight:900;margin-bottom:.4rem}.card__runtime{font-size:.75rem;margin-bottom:.25rem}.card__rating{float:right}.card__description{font-size:.75rem;font-style:italic;margin-bottom:.25rem}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.posterImage{height:600px}.posterImage>img{display:block;margin:auto;width:100%}.posterImage__overlay{align-items:flex-start;background-image:linear-gradient(transparent,#000);bottom:0;display:flex;flex-direction:column;height:70%;justify-content:flex-end;opacity:1;padding:5rem;position:absolute;transition:opacity .3s;width:100%}.posterImage__overlay:hover{opacity:1}.posterImage__title{font-size:4rem;font-weight:900;margin-bottom:.4rem;text-align:left}.posterImage__runtime{font-size:2rem;margin-bottom:1rem}.posterImage__rating{margin-left:3rem}.posterImage__description{display:flex;font-size:1rem;font-style:italic;margin-bottom:.25rem;text-align:left;width:50%}@media (max-width:575.98px){.posterImage__overlay{height:55%;justify-content:start;overflow-y:hidden;padding:1rem 3rem}.posterImage__title{font-size:2rem;text-align:left}.posterImage__runtime,.posterImage__runtime h2{font-size:1rem}.posterImage__rating{margin-left:1rem}.posterImage__description{font-size:.8rem;margin-bottom:.25rem;width:90%}}@media (max-width:992px){.posterImage__title{font-size:3rem}}.movie{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.movie__intro{position:relative;width:80%}.movie__backdrop{height:500px;object-fit:cover;object-position:70% 0;width:100%}.movie__intro__overlay{background-image:linear-gradient(transparent,#000);bottom:0;height:500px;left:0;position:absolute;top:0;width:100%}.movie__detail{align-items:center;bottom:100px;display:flex;height:-webkit-max-content;height:max-content;position:relative;width:75%}.movie__detailLeft{margin-right:30px}.movie__poster{border-radius:10px;box-shadow:0 22px 40px 6px rgba(0,0,0,.86);width:300px}.movie__detailRight{color:#fff;display:flex;flex-direction:column;justify-content:space-between}.movie__detailRightTop>div{margin-bottom:.5rem;text-shadow:0 0 5px #000}.movie__name{font-size:3rem;font-weight:600}.movie__voteCount{margin-left:1rem}.movie__genres{display:flex;flex-wrap:wrap;margin:1.25rem 0}.movie__genre{border:2px solid #fff;border-radius:20px;margin-bottom:5px;margin-right:1rem;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.movie__detailRightBottom{flex:0.8 1;margin:2rem 0}.synopsisText{align-items:center;display:flex;font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;position:relative}.synopsisText>div:last-of-type{margin-left:auto}.movie__heading{font-size:2rem}.movie__Button{align-items:center;border-radius:20px;color:#000;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:.8rem 2rem;width:150px}.newTab{margin-left:1.4rem}.movie__production{align-items:flex-end;display:flex;justify-content:center;margin-bottom:4rem;width:85%}.movie__productionComapany{margin:2rem;width:200px}.productionCompanyImage{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:767.98px){.movie__intro{width:100%}.movie__poster{border-radius:10px;box-shadow:0 22px 40px 6px rgba(0,0,0,.86);width:250px}.movie__detailLeft{margin:0}.movie__detail{gap:60px}.movie__detail,.movie__production{flex-direction:column;justify-content:center}.movie__production{align-items:center}.movie__heading{font-size:1.5rem;margin-top:2rem}}
/*# sourceMappingURL=main.7eb6ad40.css.map*/