@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Assistant:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);header{align-items:center;background-color:#00000080;display:flex;height:100px;justify-content:space-between;padding:0 60px;position:-webkit-sticky;position:sticky;top:0;transition:.5s ease-in-out;width:100%;z-index:9999}.logo{color:#fff;font-family:Courier New,Courier,monospace;font-size:35px;font-weight:700;letter-spacing:2px;text-decoration:none}.nav{align-items:center;display:flex;justify-content:center}.nav li{list-style:none;margin:0 15px}.nav li a{color:#fff;cursor:pointer;letter-spacing:1px;text-decoration:none;transition:.4s ease-in-out}.nav li a:active,.nav li a:hover{color:aqua}.search{align-items:center;display:flex;height:50%;justify-content:center}.search .searchIcon{color:#f0f8ff;cursor:pointer;transition:.4s ease-in-out;width:20%}.search .searchIcon:hover{color:gray}.search input{background:#0000;border:1px solid #fff3;border-radius:5px;color:#fff;height:100%;outline:none;padding:10px 20px;transition:.5s ease-in-out;width:80%}.search input:focus{border:1px solid #fff}.searchBtn{background:#0000;border:1px solid #fff3;cursor:pointer;padding:10px 0;transition:.3s ease-in-out;width:20%}.searchBtn:hover{border:1px solid #fff}@media (max-width:768px){header{flex-direction:column;height:auto;padding:10px 30px}.logo{font-size:28px;margin-bottom:10px}.nav{flex-direction:column}.nav li{margin:5px 0}.search{margin-top:10px;width:100%}.search input{width:70%}.searchBtn{width:30%}}@media (max-width:480px){header{padding:10px 20px}.logo{font-size:24px}.search input{width:60%}.searchBtn{width:40%}}.bannerNavButtons .nextBtn,.bannerNavButtons .prevBtn{font-size:5rem}.banner{height:90vh;justify-content:center;overflow:hidden;width:100%}.banner,.bannerSlider{display:flex;position:relative}.bannerSlider{height:90%;max-width:100%;transition:transform .3s ease-in-out;width:90%}.bannerNavButtons{align-items:center;color:#f0f8ff;display:flex;height:90%;justify-content:space-between;pointer-events:none;position:absolute;width:100%;z-index:8}.bannerNavButtons .nextBtn,.bannerNavButtons .prevBtn{background-color:#0a060180;border:none;color:#f0f8ff;cursor:pointer;font-size:5vw;height:100%;pointer-events:all;transition:.3s ease-in-out;width:5%}.bannerNavButtons .nextBtn:hover,.bannerNavButtons .prevBtn:hover{background-color:#0a0601}.card{display:flex;height:100%;min-width:33.33333%;position:relative;width:33.33333%}.cardContent{align-self:flex-end;background-color:#0a0601e6;display:flex;flex-direction:column;font-family:Playfair Display,serif;font-optical-sizing:auto;font-style:normal;font-weight:400;gap:10px;justify-content:space-between;max-height:0;overflow:hidden;padding:0 20px;text-shadow:-2px 4px 2px #0009;transition:padding .5s ease-in-out,max-height .7s ease-in-out;width:100%}.card:hover .cardContent{max-height:100%;padding-bottom:25px;padding-top:25px;z-index:2}.cardTitle{font-family:Anton,sans-serif;font-size:28px;font-style:normal;font-weight:400;text-shadow:-2px 4px 2px #0009}.cardDescription,.cardTitle{align-items:center;color:#f0f8ff;display:flex;justify-content:center}.cardDescription{font-size:18px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cardRealseYear{color:#f0f8ff;display:flex;font-size:15px}.cardGenres{color:#f0f8ff;display:flex;flex-wrap:wrap;font-size:20px;gap:10px}.cardGenres .genre{background-color:brown;border-radius:5px;font-size:12px;padding:10px;text-shadow:none}.cardGenres .genre.Action{background-color:#d2691e}.cardGenres .genre.Adventure{background-color:#008b8b}.cardGenres .genre.Sci-Fi{background-color:#556b2f}.cardGenres .genre.Comedy{background-color:#483d8b}.cardGenres .genre.Animation{background-color:coral}.cardGenres .genre.Drama{background-color:#00ced1}.cardGenres .genre.Fantasy{background-color:#8b008b}.cardGenres .genre.Sport{background-color:#daa520}.ratings{color:#f0f8ff;display:flex;font-size:15px;gap:10px}.ratings .imdb,.ratings .metaCritics{display:flex;gap:5px}.ratings>*>img{width:25px}.bannerSliderImg{height:111%;position:absolute;width:100%;z-index:-1}.bannerTitleArea{align-items:center;background-color:#000c;bottom:0;color:#f0f8ff;display:flex;font-family:Playfair Display,serif;font-optical-sizing:auto;font-size:25px;font-style:normal;font-weight:400;gap:20px;height:10%;justify-content:center;letter-spacing:1px;position:absolute;text-shadow:-2px 4px 2px #0009;width:100%}@media screen and (max-width:1444px){.banner{height:70vh}}@media screen and (max-width:1024px) and (min-width:769px){.banner{height:60vh}.cardTitle{font-size:17px}.cardDescription,.cardRealseYear,.ratings{font-size:12px}.ratings>*>img{width:18px}.cardGenres{font-size:8px;gap:10px}.genre{border-radius:1px;padding:5px!important}}@media screen and (max-width:768px){.banner{height:50vh}.bannerTitleArea{font-size:15px;gap:10px}.cardTitle{font-size:12px}.cardDescription,.cardRealseYear,.ratings{font-size:9px}.ratings>*>img{width:12px}.cardGenres{font-size:7px;gap:5px}.genre{border-radius:1px;font-size:7px!important;padding:2px!important}}@media (max-width:480px){.banner{height:35vh}.cardTitle{font-size:10px}.cardDescription,.cardRealseYear,.ratings{font-size:5px}.ratings>*>img{width:8px}.cardGenres,.ratings{font-size:5px}.cardGenres{gap:3px}.genre{border-radius:1px;font-size:5px!important;padding:2px!important}}.tooltip{background-color:#353434;border-radius:5px;bottom:100%;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-between;opacity:0;overflow:hidden;position:relative;text-align:center;transition:opacity .3s ease-in-out;visibility:hidden;width:250px;z-index:5}.galleryCard:hover .tooltip{opacity:1;visibility:visible;z-index:5}.tooltipText.title{background-color:#161616;font-size:clamp(1rem,.8vw,1.5rem);justify-self:start;padding:5px;width:100%}.tooltipText.description{-webkit-box-orient:vertical;-webkit-line-clamp:5;border:1px solid #5f5e5e80;box-sizing:border-box;display:-webkit-box;font-size:clamp(.8rem,.5vw,1.2rem);height:40%;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:pre-line;width:100%}.genres,.tooltipText.actors{border:1px solid #5f5e5e80;color:#9acd32;gap:3px;padding:2px 5px;width:100%}.genres,.genres li,.tooltipText.actors,.tooltipText.actors li{display:flex;flex-direction:row;font-size:.8rem;list-style:none}.genres li,.tooltipText.actors li{color:#e0e0df;white-space:nowrap;width:auto}.genres li:last-child,.tooltipText.actors li:last-child{flex:1 1;overflow:hidden;text-overflow:ellipsis}.genres li:after,.tooltipText.actors li:after{content:","}.genres li:last-child:after,.tooltipText.actors li:last-child:after{content:none}.tooltipText.details{align-content:center;background-color:#252525;display:flex;justify-content:space-around;padding:5px 0;width:100%}.tooltipText.details .starIcon{color:#ff0}.tooltipText.imdb{align-content:center;display:flex;font-size:clamp(.7rem,.6vw,1rem);width:50%}.tooltipText.imdb>*{margin:0 2px}.tooltipText.year{font-size:clamp(.7rem,.6vw,1rem);width:50%}.galleryCard{background:#161515;border-radius:10px 10px 5px 5px;box-shadow:0 6px 18px #0000001a;cursor:pointer;flex-shrink:0;height:330px;margin:1.5vw;max-height:550px;max-width:200px}.galleryCard:hover{animation:pop .5s ease;transform:scale(1.1)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.galleryCard .imgContainer{border-radius:10px 10px 0 0;height:90%;overflow:hidden;width:100%}.galleryCard .imgContainer img{height:100%;transition:.5s ease-in-out;width:100%}.galleryCardContent{align-items:center;color:#f0f8ff;display:flex;flex-wrap:wrap;height:10%;padding:2px 0;text-align:center;width:100%}.galleryCardContent p{font-size:10px;width:50%}.galleryCardContent h4{font-size:clamp(1rem,.8vw,1.2rem);overflow:hidden;padding:0 9px;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:768px){.galleryCard{border-radius:10px 10px 5px 5px;height:250px;max-height:420px;max-width:140px}.galleryCardContent p{font-size:8px}.galleryCardContent h4{font-size:clamp(.7rem,.6vw,1rem);padding:0 6px}}@media (max-width:480px){.galleryCard{border-radius:10px 10px 5px 5px;height:190px;max-height:300px;max-width:100px}.galleryCardContent p{font-size:6px}.galleryCardContent h4{font-size:clamp(.5rem,.4vw,.8rem);padding:0 4px}}.galleryHeader{align-items:center;color:#f7eeee;display:flex;font-family:Playfair Display,serif;font-optical-sizing:auto;font-size:25px;font-style:normal;font-weight:400;gap:10px;letter-spacing:1px;margin-left:5%;padding:10px 0;text-shadow:-2px 2px 2px #0009;width:100%}.galleryHeader .recommendedIcon{font-size:30px;margin-left:10px}.galleryHeader .categoryBtns{display:flex;gap:10px;margin:0 0 0 10px}.categoryBtns .btn{background-color:initial;border:1px groove grey;color:#b6b4b4;cursor:pointer;font-family:Playfair Display,serif;font-optical-sizing:auto;font-size:15px;font-style:normal;font-weight:400;letter-spacing:1px;padding:5px;transition:.4s ease-in-out}.categoryBtns .btn:hover{border:1px groove #8b7307;color:#ffda05}@media (max-width:768px){.galleryHeader{font-size:15px;font-weight:400;text-shadow:-2px 2px 2px #0009}.galleryHeader .recommendedIcon{font-size:15px;margin-left:10px}.galleryHeader .categoryBtns{gap:5px;margin:0 0 0 5px}.categoryBtns .btn{font-optical-sizing:auto;font-size:9px;padding:5px}}:root{--button-color:grey;--panel-color:#18212e}.popupContainer{background-color:#18212e;background-color:var(--panel-color);border-radius:10px;box-sizing:border-box;max-width:980px;min-width:350px;padding:20px;position:relative;width:80%}@media screen and (max-width:1050px){.popupContainer{width:95%}}.movie{background-color:#18212e;background-color:var(--panel-color);border-radius:5px;display:flex;flex-wrap:wrap;margin-top:15px;padding:15px}.moviePoster{flex:0 0 250px;margin-right:15px}.moviePoster img{border-radius:5px;height:auto;width:100%}.movieDetails{display:flex;flex:1 1;flex-direction:column;gap:10px}.movieTitle{color:#d3d3d3;font-size:clamp(1.5rem,3vw,2rem);margin:0}.movieActors,.movieGenres{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.movieActors h5,.movieGenres h5{font-size:clamp(.8rem,1.5vw,1rem);font-weight:700;margin-right:5px}.movieActors li,.movieGenres li,.movieRating,.movieYear{color:#dbd6d6;font-size:clamp(.8rem,1.5vw,1rem);margin-right:5px}.movieActors li:after,.movieGenres li:after{content:","}.movieDescription{color:#b6b3b3;display:flex;gap:5px}.movieDescription,.trailerBtn{font-size:clamp(1rem,2vw,1.2rem)}.trailerBtn{background-color:initial;border:1px solid red;color:#f0f8ff;cursor:pointer;outline:none;padding:8px 15px;transition:background-color .3s ease}.trailerBtn:hover{background-color:#f70505}.uti{display:flex;gap:20px;justify-content:flex-end}.uti .heartIcon{cursor:pointer;font-size:clamp(2rem,3vw,3rem)}.heartIcon>*{transition:.3s ease-in-out}.heartIcon:hover>*{color:#b44747}.heartIcon.liked>*{color:red}.closeBtn{background-color:initial;border:none;color:#f0f8ff;cursor:pointer;font-size:clamp(2rem,3vw,3rem);position:absolute;right:2%;top:2%;transition:transform .3s ease-in;z-index:2}.closeBtn:hover{animation:btnAnimation .3s ease-in;transform:scale(1.1)}@keyframes btnAnimation{0%{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(1.1)}30%{transform:scale(1.15)}40%{transform:scale(1.2)}50%{transform:scale(1.25)}60%{transform:scale(1.3)}70%{transform:scale(1.25)}80%{transform:scale(1.2)}90%{transform:scale(1.15)}to{transform:scale(1.3)}}@media screen and (max-width:768px){.trailerBtn{font-size:clamp(.6rem,1.3vw,1rem)}.movieDetails{gap:5px}.moviePoster{flex:0 0 175px;margin-bottom:15px}.movieDescription{font-size:clamp(.9rem,1.7vw,1.1rem)}.movieActors li,.movieGenres li,.movieRating,.movieYear{color:#dbd6d6;font-size:clamp(.7rem,1.3vw,.8rem);margin-right:5px}.movieActors h5,.movieGenres h5{font-size:clamp(.7rem,1.3vw,.8rem)}.uti .heartIcon{font-size:clamp(1.5rem,2vw,2.2rem)}}@media (max-width:480px){.popupContainer{padding:10px 15px}.movie{align-items:center;display:flex;justify-content:center;padding:0 15px}}.popupOverlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@media (max-width:768px){.popupOverlay{top:10%}}.gallery{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10vh;max-width:100%}.genresContainer{height:-webkit-max-content;height:max-content;margin:40px 0;width:100%}.genresContainer,.genresContainer ul{align-items:center;display:flex;justify-content:center}.genresContainer ul{flex-wrap:wrap;gap:8px 5px;height:100%;list-style-type:none;width:80%}.genresContainer ul .genreBtn{align-items:center;background-color:initial;border:1px solid red;cursor:pointer;display:flex;height:35px;justify-content:center;padding:5px;text-decoration:none;transition:.3s ease-in-out}.genresContainer ul .short{border:.15rem solid #725b5b}.genresContainer ul .western{border:.15rem solid brown}.genresContainer ul .sport{border:.15rem solid #228b22}.genresContainer ul .new-popular{border:.15rem solid #ff4500}.genresContainer ul .war{border:.15rem solid maroon}.genresContainer ul .action{border:.15rem solid red}.genresContainer ul .comedy{border:.15rem solid gold}.genresContainer ul .drama{border:.15rem solid indigo}.genresContainer ul .horror{border:.15rem solid #000}.genresContainer ul .romance{border:.15rem solid #ff69b4}.genresContainer ul .sci-fi{border:.15rem solid #00bfff}.genresContainer ul .documentary{border:.15rem solid #556b2f}.genresContainer ul .thriller{border:.15rem solid olive}.genresContainer ul .fantasy{border:.15rem solid #8a2be2}.genresContainer ul .mystery{border:.15rem solid #2f4f4f}.genresContainer ul .animation{border:.15rem solid #ff1493}.genresContainer ul .adventure{border:.15rem solid teal}.genresContainer ul .crime{border:.15rem solid #8b4513}.genresContainer ul .family{border:.15rem solid khaki}.genresContainer ul .musical{border:.15rem solid orchid}.genresContainer ul .biography{border:.15rem solid #d2691e}.genresContainer ul .history{border:.15rem solid sienna}.genresContainer ul .genreBtn:hover{background-color:red}.genresContainer ul .short:hover{background-color:#725b5b}.genresContainer ul .western:hover{background-color:brown}.genresContainer ul .sport:hover{background-color:#228b22}.genresContainer ul .new-popular:hover{background-color:#ff4500}.genresContainer ul .war:hover{background-color:maroon}.genresContainer ul .action:hover{background-color:red}.genresContainer ul .comedy:hover{background-color:gold}.genresContainer ul .drama:hover{background-color:indigo}.genresContainer ul .horror:hover{background-color:#fff;color:#000}.genresContainer ul .romance:hover{background-color:#ff69b4}.genresContainer ul .sci-fi:hover{background-color:#00bfff}.genresContainer ul .documentary:hover{background-color:#556b2f}.genresContainer ul .thriller:hover{background-color:olive}.genresContainer ul .fantasy:hover{background-color:#8a2be2}.genresContainer ul .mystery:hover{background-color:#2f4f4f}.genresContainer ul .animation:hover{background-color:#ff1493}.genresContainer ul .adventure:hover{background-color:teal}.genresContainer ul .crime:hover{background-color:#8b4513}.genresContainer ul .family:hover{background-color:khaki}.genresContainer ul .musical:hover{background-color:orchid}.genresContainer ul .biography:hover{background-color:#d2691e}.genresContainer ul .history:hover{background-color:sienna}.genresContainer ul .genreBtn.selected{background-color:red}.genresContainer ul .short.selected{background-color:#725b5b}.genresContainer ul .western.selected{background-color:brown}.genresContainer ul .sport.selected{background-color:#228b22}.genresContainer ul .new-popular.selected{background-color:#ff4500}.genresContainer ul .war.selected{background-color:maroon}.genresContainer ul .action.selected{background-color:red}.genresContainer ul .comedy.selected{background-color:gold}.genresContainer ul .drama.selected{background-color:indigo}.genresContainer ul .horror.selected{background-color:#fff;color:#000}.genresContainer ul .romance.selected{background-color:#ff69b4}.genresContainer ul .sci-fi.selected{background-color:#00bfff}.genresContainer ul .documentary.selected{background-color:#556b2f}.genresContainer ul .thriller.selected{background-color:olive}.genresContainer ul .fantasy.selected{background-color:#8a2be2}.genresContainer ul .mystery.selected{background-color:#2f4f4f}.genresContainer ul .animation.selected{background-color:#ff1493}.genresContainer ul .adventure.selected{background-color:teal}.genresContainer ul .crime.selected{background-color:#8b4513}.genresContainer ul .family.selected{background-color:khaki}.genresContainer ul .musical.selected{background-color:orchid}.genresContainer ul .biography.selected{background-color:#d2691e}.genresContainer ul .history.selected{background-color:sienna}@media (max-width:768px){.genresContainer{margin:20px 0}.genresContainer ul{gap:4px 2px}.genresContainer ul .genreBtn{font-size:.7rem;height:20px}}@media (max-width:480px){.genresContainer{margin:12px 0}.genresContainer ul .genreBtn{font-size:.5rem;height:15px}}.navigation-buttons{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:10%;z-index:1}.next-button,.prev-button{background-color:initial;border:none;color:#fdfbfb;cursor:pointer;font-size:5rem;transition:.5s;width:100%}.next-button:hover,.prev-button:hover{background-color:#e0e0e0;color:#555}@media (max-width:768px){.next-button,.prev-button{font-size:3.5rem}}@media (max-width:480px){.next-button,.prev-button{font-size:2rem}}*{color:#f0f8ff}.titleContainer{align-items:center;display:flex;gap:10px;margin:0 0 15px 10%}.titleContainer>*{font-family:Playfair Display,serif;font-size:3vw;text-shadow:-2px 2px 2px #0009}.a{margin-top:40px;width:100%}.carousel-container{align-items:center;display:flex;height:300px;justify-content:center}.carousel-wrapper{display:flex;max-width:100%;overflow:hidden;position:relative;width:80%}.carousel{display:flex;transition:transform .3s ease-in-out}.carousel-item{cursor:pointer;flex:0 0 auto;margin-right:10px;transition:transform .3s ease;width:200px}.carousel-item:hover{transform:scale(1.05)}.carousel-image{height:300px;object-fit:cover;width:100%}.carousel-details{background-color:#000000b3;color:#fff;display:none;padding:10px}.carousel-title{font-size:1.2em;margin:0 0 10px}.carousel-description,.carousel-genre{margin:0}@media (max-width:768px){.carousel-container{height:225px}.carousel-item{width:150px}.carousel-image{height:225px}}@media (max-width:480px){.carousel-container{height:115px}.carousel-item{width:100px}.carousel-image{height:115px}}main{align-items:center;display:flex;flex-direction:column;justify-content:center}.pageGenre.title{color:#f0f8ff;font-size:5vw}.displaySection,.pageGenre.title{display:flex;justify-content:center;width:100%}.displaySection{align-items:center;flex-wrap:wrap}.favoriteSection{align-items:center;flex-wrap:wrap;margin-top:40px}.favTitle,.favoriteSection{display:flex;justify-content:center;width:100%}.favTitle{color:#f0f8ff;font-size:5vw}.searchPage{margin-top:40px}.searchResults{align-items:center;flex-wrap:wrap;margin-top:10px}.searchResults,.searchResults.title{display:flex;justify-content:center;width:100%}.searchResults.title{color:#f0f8ff;font-size:5vw}.searchArea{display:block;width:50%}.socialIcons{align-items:start;display:flex;justify-content:center;width:100%}.socialIcons a{margin:0 10px;text-decoration:none}.socialIcons a .icons{font-size:4vw}.socialIcons a .icons>*{color:#bdb7b7;opacity:.9}.socialIcons a .icons:hover>*{color:#f0f8ff;opacity:1}.footerBottom{width:100%}.footerBottom,.footerBottom p{align-items:center;display:flex;justify-content:center}.footerBottom p span{font-weight:700;margin:0 5px}@media (max-width:768px){.footerBottom p{font-size:2.3vw}}.footerNav{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%}.footerNav ul{display:flex;flex-direction:row;gap:10px;list-style-type:none}.footerNav ul li a{text-decoration:none}.footerNav ul li a:hover{text-decoration:underline}@media (max-width:768px){.footerNav{font-size:2.3vw}}.footer{align-items:center;background-color:#101a22;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 30px 20px;width:100%}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}body{background:#30223b;background:linear-gradient(90deg,#30223b 10%,#464191 32%,#413c70 46%,#2c203e 65%,#4a1e60 90%,#1b1b74);height:100%;max-width:100%}body::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.828d2842.css.map*/