*{margin:0;padding:0}.App{background-color:#000;color:#fff;font-family:sans-serif}.navBar{align-items:center;display:flex;gap:20px;margin:0 .25rem;padding:.5rem 0}.navBarIcon{width:5rem}.search-bar{align-items:center;background:#fff;border:5px solid #fff;border-radius:10px;display:flex;width:30rem}.all{border-right:1px solid #000;color:#000;padding:5px}.search-bar-input{border:none;color:#000;outline:none;padding:2px;width:90%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#0056b3}button:focus{outline:none}.log-name{font-weight:700}.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%}.fa-star{color:gold}.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}.movie-list{grid-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.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:1000}.movie-overlay{background-image:linear-gradient(transparent,#000);bottom:0;display:flex;flex-direction:column;height:290px;justify-content:flex-end;opacity:0;position:absolute;transition:opacity .2s;width:85%}.movie-overlay:hover{opacity:1}.info-card-title{font-size:1rem;font-weight:900;margin-bottom:.5rem}.info-card-realeaseDate{font-size:.75rem;margin-bottom:.25rem}.rating{float:right}.movie-description{font-size:.75rem;font-style:italic;margin-bottom:.25rem}.movie-list-item{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.movie-list{position:relative}.movie-intro img{border-radius:10px;height:600px;width:1600px;z-index:1}.movie-detail img{border-radius:20px;bottom:20px;height:225px;left:20px;position:absolute;width:150px;z-index:2}.movie-name{font-size:24px;font-weight:700;margin:10px 0}.vote{font-size:18px}.tag,.vote{margin-bottom:5px}.tag{font-size:16px}.release-date{color:#888;font-size:14px}
/*# sourceMappingURL=main.4e915329.css.map*/