@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{background-color:#e5e5e5;background-color:var(--white-color);box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}:root{--red-color:#e50914;--white-color:#e5e5e5;--black-color:#141414}header{background-color:var(--black-color);padding:5px 10px}header,header>aside{align-items:center;display:flex;justify-content:space-between}header>aside{margin:auto;max-width:1400px;width:100%}header>aside>div{align-items:center;display:flex;gap:40px}header>aside>div>ul{display:flex;gap:20px;list-style-type:none;margin:0;padding:0}header>aside>div>ul>.link{color:var(--white-color);font-weight:300;text-decoration:none;transition:.5s}header>aside>div>ul>.link:hover{color:#a1a1a1;cursor:pointer}header>aside>div>h1>.logo{color:var(--red-color);font-size:32px;font-weight:700;margin:0;text-decoration:none}header>aside>div>a{align-items:center;display:flex;text-decoration:none}header>aside>div>.profile>img{border:2px solid var(--white-color);border-radius:4px;max-height:55px;max-width:35px}header>aside>div>.hamburger>img{display:none;height:42px;width:42px}header>aside>div>aside{align-items:center;display:flex;gap:10px}header>aside>div>aside>.login{background-color:var(--red-color);color:var(--white-color)}header>aside>div>aside>.login,header>aside>div>aside>.register{border:0;border-radius:5px;cursor:pointer;padding:10px 40px;transition:.5s}header>aside>div>aside>.login:hover,header>aside>div>aside>.register{background-color:var(--white-color);color:var(--black-color)}header>aside>div>aside>.register:hover{background-color:var(--red-color);color:var(--white-color)}@media (max-width:900px){header{padding:5px 20px}header>aside>div{gap:15px}header>aside>div>.hamburger>img{display:block}header>aside>div>ul>.link{display:none}}@media (max-width:600px){header>aside>div>h1>.logo{font-size:27px}}.slide-menu{background-color:var(--white-color);border-radius:10px 0 0 10px;padding:25px 30px;transform:perspective(1500px) rotateY(0deg);transform-origin:right}.slide-menu,.slide-menu-close{height:100vh;position:fixed;right:0;top:0;transition:.5s;width:20vh}.slide-menu-close{pointer-events:none;transform:perspective(1500px) rotateY(90deg);transform-origin:right;visibility:hidden}.slide-menu>h2{font-size:24px;font-weight:500}.slide-menu-close>ul,.slide-menu>ul{display:flex;flex-direction:column;gap:10px;list-style-type:none;margin:0;padding:0}.slide-menu-close>ul>.link,.slide-menu>ul>.link{color:var(--black-color);font-weight:300;padding:5px 10px;text-decoration:none;transition:.5s}.slide-menu>ul>.link:hover{color:#a1a1a1;cursor:pointer}.slide-menu>ul>.divider{background-color:#a1a1a1;height:1px;width:100%}.slide-menu-background{background-color:#00000094;height:100vh;left:0;position:fixed;top:0;transition:.5s;width:100%}.slide-menu-background-close{display:none}.Login{background-color:rgba(0,0,0,.526);height:100%;left:0;top:0;width:100%;z-index:3}.Login,.Login>form{opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease-in}.Login>form{background-color:var(--white-color);border-radius:5px;left:50%;padding:20px;top:50%;transform:translate(-50%,-50%);z-index:4}.Login.show,.Login.show>form{opacity:1;pointer-events:all}.Login>form>h3{align-items:center;background-color:var(--white-color);border:1px solid var(--black-color);border-radius:15px;color:var(--black-color);cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;left:5px;margin:0;position:absolute;top:5px;width:22px}.Login>form>h2{font-size:20px;margin:0;text-align:center}.Login>form>p{color:var(--red-color);font-size:12px;margin:0;text-align:center}.Login>form>div{display:flex;flex-direction:column;gap:10px;margin:20px 0;width:300px}.Login>form>div>label{font-size:12px;font-weight:300}.Login>form>div>input{background-color:initial;border:0;border-bottom:1px solid var(--black-color);outline:none;padding:0 10px 10px}.Login>form>button{background-color:initial;border:1px solid var(--black-color);border-radius:5px;cursor:pointer;padding:10px;transition:.5s;width:100%}.Login>form>button:hover{background-color:var(--black-color);color:var(--white-color)}.Login>form>aside{display:flex;justify-content:center}.Login>form>aside>.createAccount{color:var(--black-color);font-size:12px;margin:5px auto;text-underline-offset:2px}.heroSection{align-items:center;border-radius:5px;box-shadow:0 5px 15px #00000059;display:flex;gap:20px;margin:50px auto;max-width:900px;padding:20px;position:relative;width:80%}.heroSection>button{background-color:var(--black-color);border-radius:15px;color:var(--white-color);cursor:pointer;left:50%;padding:10px 20px;position:absolute;top:-15px;transform:translate(-50%);transition:.5s}.heroSection>button:hover{box-shadow:0 5px 15px #00000059}.heroSection>img{border-radius:5px}.heroSection>div{display:block}.heroSection>div>h2{font-size:32px;margin:0}.heroSection>div>.rating{font-size:12px;margin:0}.heroSection>div>.viewMoreBtn{border:1px solid var(--black-color);border-radius:5px;color:var(--black-color);margin:20px 0;padding:10px 20px;text-decoration:none;transition:.5s}.heroSection>div>.viewMoreBtn:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}.heroSection>div>div{display:flex;flex-wrap:wrap;gap:10px;position:absolute;right:5%;top:85%;transform:translate(5%,85%)}.heroSection>div>div>.dislikeBtn,.heroSection>div>div>.likeBtn,.heroSection>div>div>.watchlist{background-color:initial;border:1px solid var(--black-color);border-radius:5px;cursor:pointer;flex-grow:1;padding:5px 20px;transition:.5s}.heroSection>div>div>.likeBtn:hover{background-color:green;border:1px solid var(--white-color);color:var(--white-color)}.heroSection>div>div>.dislikeBtn:hover{background-color:var(--red-color);border:1px solid var(--white-color);color:var(--white-color)}.heroSection>div>div>.watchlist:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}.backgroundLoadingScreen{background:#0000006c;box-sizing:border-box;height:100%;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:10}.middle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bar{animation:loader 1.2s linear infinite;background:var(--white-color);border-top-left-radius:20px;border-top-right-radius:20px;display:inline-block;height:70px;transform-origin:bottom center;width:10px}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{transform:scaleY(.1)}50%{background:var(--red-color);transform:scaleY(1)}to{background:#0000;transform:scaleY(.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.messagePopupBackground{animation:fadeIn .3s ease-out;display:flex;justify-content:center;left:0;position:fixed;top:20px;width:100%;z-index:9999}.message{background-color:#2a2a2a;border:1px solid var(--white-color);border-radius:4px;box-shadow:0 4px 12px #00000080;padding:16px 24px}.message p{color:#fff;font-size:16px;font-weight:500;margin:0}.movie-carousel{color:var(--black-color);margin:auto;max-width:1200px;overflow-x:hidden;padding:20px}.movie-carousel>h2{font-size:24px;margin-bottom:10px}.carousel-container{position:relative}.scroll-button.left{left:25px}.scroll-button.left,.scroll-button.right{background-color:var(--black-color);border:1px solid var(--white-color);border-radius:15px;color:var(--white-color);cursor:pointer;font-size:20px;height:35px;position:absolute;top:35%;transform:translate(-50%);width:35px}.scroll-button.right{right:0}.carousel{display:flex;gap:15px;overflow-x:scroll;padding-bottom:10px;scroll-behavior:smooth}.carousel::-webkit-scrollbar{display:none}.movie{color:var(--black-color);flex:0 0 auto;text-align:center;text-decoration:none;width:200px}.movie img{border-radius:10px;width:100%}.movie p{font-size:14px;margin-top:5px}.viewMoviePopupBackground{background-color:rgba(0,0,0,.665);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.viewMoviePopup{align-items:center;background-color:var(--white-color);border-radius:5px;box-shadow:0 5px 15px #00000059;display:flex;gap:20px;left:50%;max-width:900px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:4}.viewMoviePopup>button{background-color:var(--black-color);border-radius:15px;color:var(--white-color);cursor:pointer;left:50%;padding:10px 20px;position:absolute;top:-15px;transform:translate(-50%);transition:.5s}.viewMoviePopup>button:hover{box-shadow:0 5px 15px #00000059}.viewMoviePopup>img{border-radius:5px}.viewMoviePopup>div{display:block}.viewMoviePopup>div>h2{font-size:32px;margin:0}.viewMoviePopup>div>.rating{font-size:12px;margin:0}.viewMoviePopup>div>.viewMoreBtn{border:1px solid var(--black-color);border-radius:5px;color:var(--black-color);margin:20px 0;padding:10px 20px;text-decoration:none;transition:.5s}.viewMoviePopup>div>.viewMoreBtn:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}.viewMoviePopup>div>div{display:flex;flex-wrap:wrap;gap:10px;position:absolute;right:5%;top:85%;transform:translate(5%,85%)}.viewMoviePopup>div>div>.dislikeBtn,.viewMoviePopup>div>div>.likeBtn,.viewMoviePopup>div>div>.watchlist{background-color:initial;border:1px solid var(--black-color);border-radius:5px;cursor:pointer;flex-grow:1;padding:5px 20px;transition:.5s}.viewMoviePopup>div>div>.likeBtn:hover{background-color:green;border:1px solid var(--white-color);color:var(--white-color)}.viewMoviePopup>div>div>.dislikeBtn:hover{background-color:var(--red-color);border:1px solid var(--white-color);color:var(--white-color)}.viewMoviePopup>div>div>.watchlist:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}#wrapper{align-items:flex-start;background-color:#f5f5f5;border-radius:15px;display:flex;font-family:Arial,sans-serif;justify-content:space-between;margin:0 auto 50px;max-width:1400px;padding:20px}.GenerateMovieTipsBtnDiv{align-items:center;display:flex;justify-content:center;width:100%}.watchlist{background-color:initial;border:1px solid var(--black-color);border-radius:5px;cursor:pointer;flex-grow:1;padding:5px 20px;transition:.5s}.watchlist:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}#profileDesign{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1;margin:10px;max-width:300px;min-width:200px;padding:20px;text-align:center}#stackedColumns{display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:60%;min-width:300px}.column{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center}#dislikedDesign>ul,#likedDesign>ul,#watchlistDesign>ul{display:flex;flex-direction:column;gap:40px;list-style:none;margin:0;padding:0}#dislikedDesign>ul>hr,#likedDesign>ul>hr,#watchlistDesign>ul>hr{background-color:var(--black-color);height:.5px;width:100%}#dislikedDesign>ul>li,#likedDesign>ul>li,#watchlistDesign>ul>li{align-content:center;display:flex;gap:40px;margin:auto}#dislikedDesign>ul>li>aside,#likedDesign>ul>li>aside,#watchlistDesign>ul>li>aside{align-items:center;display:flex;justify-content:space-between;width:350px}#dislikedDesign>ul>li>aside>div,#likedDesign>ul>li>aside>div,#watchlistDesign>ul>li>aside>div{display:flex;flex-direction:column}#dislikedDesign>ul>li>aside>div>h4,#likedDesign>ul>li>aside>div>h4,#watchlistDesign>ul>li>aside>div>h4{font-family:22px;font-weight:700;margin:0 0 5px;text-align:left}#dislikedDesign>ul>li>aside>p,#likedDesign>ul>li>aside>p,#watchlistDesign>ul>li>aside>p{align-content:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin:0}#dislikedDesign>ul>li>aside>div>p,#likedDesign>ul>li>aside>div>p,#watchlistDesign>ul>li>aside>div>p{font-size:12px;margin:0 0 5px;text-align:left}#watchlistDesign>ul>li>aside>div>article{align-items:center;display:flex;gap:5px;margin:10px 0 0}#watchlistDesign>ul>li>aside>div>article>.dislikeBtn,#watchlistDesign>ul>li>aside>div>article>.likeBtn{background-color:initial;border:1px solid var(--black-color);border-radius:5px;cursor:pointer;flex-grow:1;padding:5px 20px;transition:.5s}#watchlistDesign>ul>li>aside>div>article>.likeBtn:hover{background-color:green;border:1px solid var(--white-color);color:var(--white-color)}#watchlistDesign>ul>li>aside>div>article>.dislikeBtn:hover{background-color:var(--red-color);border:1px solid var(--white-color);color:var(--white-color)}#watchlistDesign>ul>li>aside>div>article>.watchlist:hover{background-color:var(--black-color);border:1px solid var(--white-color);color:var(--white-color)}#profileDesign>.profile-card,#profileDesign>.profile-card>form{align-items:center;display:flex;flex-direction:column;gap:20px}#profileDesign>.profile-card>form{width:100%}#profileDesign>.profile-card>img{border-radius:15px;max-height:175px;max-width:125px}#profileDesign>.profile-card>h2{color:var(--black-color);margin:0}#profileDesign>.profile-card>form>input{border:0;border-bottom:1px solid var(--black-color);box-sizing:border-box;font-size:16px;outline:0;padding:5px 20px;width:100%}.profileImg-file{display:none}.profileImg-label{background-color:initial;border:1px solid var(--black-color);border-radius:5px;box-sizing:border-box;color:var(--black-color);cursor:pointer;display:inline-block;font-size:12px;padding:.5rem 1rem;text-transform:uppercase;transition:background-color .2s ease-in-out;width:100%}.profileImg-label:hover{background-color:var(--black-color);color:var(--white-color)}.profileImg-label:active,.profileImg-label:focus{background-color:#af040e;outline:none}#profileDesign>.profile-card>form>button{background-color:var(--red-color);border:1px solid var(--white-color);border-radius:5px;color:var(--white-color);cursor:pointer;padding:10px 20px;transition:.5s ease-in-out}#profileDesign>.profile-card>form>button:hover{padding:12px 24px}#profileDesign>.profile-card>form>p{cursor:pointer;font-size:14px;margin:0;text-decoration:underline}.generate{background-color:#4caf50;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.generate:hover{background-color:#45a049;box-shadow:0 6px 8px #0003}.generate:active{background-color:#3e8e41;box-shadow:0 3px 5px #0003;transform:translateY(1px)}#watchlistDesign .movie-card{align-items:center;display:flex;gap:40px;justify-content:center;margin:40px auto}#watchlistDesign .movie-card img{height:auto;max-width:100px}#watchlistDesign .movie-card>div{display:flex;flex-direction:column;text-align:left;width:350px}#watchlistDesign .movie-card h2{font-size:22px;font-weight:700;margin:0 0 5px}#watchlistDesign .movie-card p{font-size:12px;margin:0 0 5px}.GenerateMovieTipsBtn{background-color:var(--red-color);border:1px solid var(--white-color);border-radius:5px;color:var(--white-color);cursor:pointer;display:block;margin:25px auto;padding:10px 20px;transition:.5s ease-in-out}.GenerateMovieTipsBtn:hover{padding:12px 24px}@media (max-width:768px){#watchlistDesign .movie-card{flex-direction:column;gap:20px}#watchlistDesign .movie-card>div{text-align:center;width:100%}#wrapper{align-items:center;flex-direction:column}#profileDesign,#stackedColumns{max-width:90%}#stackedColumns{width:100%}#watchlistDesign .movie-card{flex-direction:column;gap:20px}#watchlistDesign .movie-card>div{text-align:center;width:100%}}
/*# sourceMappingURL=main.f8cd574b.css.map*/