*{margin:0;padding:0}#root,.App,body,html{min-height:100%}.App{background-color:#000;color:#fff;font-family:sans-serif}.header{align-items:center;display:block;justify-content:space-between;margin:0 2.5rem;padding:.5rem 0;position:relative}@media (min-width:768px){.header{display:flex}}.headerLeft,.headerRight{align-items:center;display:flex;justify-content:space-between}.headerRight{transition:max-height .3s ease}.headerRight.showMenu{display:flex}a>span{color:#fff;cursor:pointer;font-size:1.3rem;margin:0 30px}a>span:hover{color:red}.header__icon{cursor:pointer;width:80px}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem}@media (max-width:768px){.header{flex-direction:column;margin:0 1rem;text-align:center}.hamburger{display:block}.headerRight{flex-direction:column;gap:16px;max-height:0;overflow:hidden}.headerRight.showMenu{max-height:200px}a>span{font-size:1.1rem;margin:10px 0}.header__icon{width:60px}}@media (max-width:480px){.header{margin:0 .5rem}a>span{font-size:1rem;margin:5px 0}.header__icon{width:50px}}.posterImage{height:600px}.posterImage>img{display:block;margin:auto;width:100%}.posterImage__overlay{align-items:flex-start;background-image:linear-gradient(#0000,#000);bottom:0;display:flex;flex-direction:column;height:70%;justify-content:center;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:1024px){.posterImage{height:500px}.posterImage__overlay{padding:2rem}.posterImage__title{font-size:3rem}.posterImage__runtime{font-size:1.5rem}.posterImage__description{font-size:.9rem;width:60%}}@media (max-width:768px){.posterImage{height:400px}.posterImage__overlay{padding:1.5rem}.posterImage__title{font-size:2.5rem}.posterImage__runtime{font-size:1.2rem}.posterImage__description{display:none;font-size:.8rem;width:70%}}@media (max-width:480px){.posterImage{height:300px}.posterImage__overlay{justify-content:flex-start;padding:1rem}.posterImage__title{font-size:1.6rem;text-align:center}.posterImage__runtime{font-size:1rem;text-align:center}.posterImage__rating{margin-left:10px}.posterImage__description{font-size:.75rem;text-align:center;width:90%}}.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 #0000;border-top:8px solid #0000;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;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:#0003}.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 #000000e6;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 #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.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}@media (max-width:768px){.movie__list{padding:0 1.5rem 2rem}.list__title{font-size:1.5rem;margin:2rem}.list__cards{gap:.8rem}}@media (max-width:480px){.movie__list{padding:0 1rem 1.5rem}.list__title{font-size:1.25rem;margin:1.5rem}.list__cards{gap:.5rem}}.cards{border:1px solid #636363;border-radius:10px;cursor:pointer;display:inline-block;height:300px;margin:.19rem;min-width:200px;overflow:hidden;position:relative;transition:transform .2s;z-index:0}.cards:hover{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;transform:scale(1.2);z-index:1000}.cards__img{height:300px}.cards__overlay{background-image:linear-gradient(#0000,#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}@media (max-width:768px){.cards{height:200px;min-width:140px}.card__title{font-size:.85rem}.card__description,.card__runtime{font-size:.65rem}}@media (max-width:480px){.cards{height:180px;margin:.25rem;min-width:120px}.card__title{font-size:.75rem}.card__description,.card__runtime{font-size:.6rem}}.movie{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.movie__intro{width:80%}.movie__backdrop{height:500px;object-fit:cover;object-position:0 35%;width:100%}.movie__detail{align-items:center;bottom:225px;display:flex;position:relative;width:75%}.movie__detailLeft{margin-right:30px}.movie__poster{border-radius:10px;box-shadow:0 22px 40px 6px #000000db;width:300px}.movie__detailRight{color:#fff;display:flex;flex-direction:column;height:450px;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{margin:1.25rem 0}.movie__genre{border:2px solid #fff;border-radius:20px;margin-right:1rem;padding:.5rem}.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__links{align-items:center;bottom:80px;display:flex;justify-content:space-between;position:relative;width:75%}.movie__heading{font-size:2.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}.movie__homeButton{background-color:red}.movie__imdbButton{background-color:#f3ce13}.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:1024px){.movie__detail{bottom:180px;width:90%}.movie__poster{width:250px}.movie__name{font-size:2.5rem}.synopsisText{font-size:1.25rem}.movie__links,.movie__production{width:90%}}@media (max-width:768px){.movie__backdrop{height:400px}.movie__detail{align-items:center;bottom:150px;flex-direction:column}.movie__poster{margin-bottom:1.5rem;width:200px}.movie__detailRight{align-items:center;height:auto;text-align:center}.movie__name{font-size:2rem}.synopsisText{font-size:1rem}.movie__Button{padding:.5rem 1.5rem;width:100px}.movie__production{align-items:center;flex-direction:column;justify-content:center}}@media (max-width:480px){.movie__backdrop{height:300px}.movie__detail{align-items:center;bottom:100px;flex-direction:column}.movie__poster{margin-bottom:1rem;width:150px}.movie__name{font-size:1.5rem}.movie__Button{font-size:.8rem;padding:.4rem 1rem;width:80px}.movie__productionComapany{margin:1rem;width:150px}}@media (max-width:360px){.movie__heading{font-size:2rem}.movie__backdrop{height:250px}.movie__detail{align-items:center;bottom:80px;flex-direction:column}.movie__poster{margin-bottom:.8rem;width:120px}.movie__name{font-size:1.2rem}.synopsisText{font-size:.9rem}.movie__Button{font-size:.7rem;padding:.3rem .8rem;width:70px}.movie__productionComapany{margin:.8rem;width:120px}}
/*# sourceMappingURL=main.1dfdbc92.css.map*/