@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:16px}body{scroll-behavior:smooth}.container{background-color:#000;display:flex;justify-content:center;z-index:-100}.link__hover--effect:after{content:"";position:absolute;height:3px;width:0;bottom:-3px;right:0;background-color:#000;transition:all .3s ease}.link__hover--effect:hover:after{width:100%;left:0}.gray-text{color:#e9e3e3}a{text-decoration:none}.no-cursor{cursor:not-allowed}.cursor{cursor:pointer}.logo__img{height:50px;border-radius:10px}.logo__img:hover{opacity:.9}.logo__img:hover{scale:1.05;transition:.3s ease all}.logo__img:active{scale:.9;transition:.3s all ease}.home__row,.hero{display:flex;flex-direction:column;align-items:center;max-width:1400px}.background__img--wrapper{max-width:100vw;position:relative}.background--img{width:100%}.hero{transform:translateY(-100px)}.hero h1{color:#e9e3e3;font-size:48px;font-weight:600}.icon__container{max-width:400px;width:100%;display:flex;justify-content:space-between;margin:20px 0 40px}.hero p{color:#e9e3e3;width:600px;text-align:center}.icon{color:#e9e3e3}.search-bar--Home-Page{position:absolute;top:15px;left:50%;transform:translate(-50%)}@media(max-width:1000px){.search-bar--Home-Page{top:-12px}.background__img--wrapper{margin-top:32px}.hero{transform:translateY(-60px)}}@media(max-width:768px){.search-bar--Home-Page{top:-24px}.background__img--wrapper{margin-top:40px}.hero{transform:translateY(-40px)}.hero p{padding:0 32px}}@media(max-width:600px){.search-bar--Home-Page{top:-40px}.background__img--wrapper{margin-top:60px}.hero{transform:translateY(-20px)}.hero p{max-width:450px;width:100%}}@media(max-width:550px){.icon__container{justify-content:space-around}}.search-bar__container{position:relative;max-width:500px;width:60vw}.search-bar__input{width:100%;height:40px;border:none;border-radius:50px;padding-left:16px}.search-bar__input:focus{outline:3px solid rgb(217,200,54);transition:.1s ease;box-shadow:0 0 80px -10px #d9c836}.search__btn{position:absolute;right:8px;width:40px;height:40px;border-radius:50px;background:none;border:none}.search-bar__icon{color:#000;display:flex;margin:0 auto}.search-bar__icon:hover{scale:1.2;transition:.3s all ease}.search-bar__icon:active{scale:.9;transition:.3s all ease}@media(max-width:600px){.search-bar__container{width:74vw}}@media(max-width:400px){.search-bar__container{width:66vw}}.search__row{max-width:1200px!important;width:100%;display:flex}.search__row{flex-direction:column;align-items:center}.search-bar--search-with-results{margin:40px 0;width:100%;display:flex;justify-content:center}.search__header{width:100%;display:flex;justify-content:space-between;margin-top:10px}.header__title{font-size:28px;margin-bottom:12px;font-weight:600}.results__list{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;gap:50px;margin:40px auto 80px}@media(max-width:1200px){.results__row{padding:0 32px}}@media(max-width:1100px){.results__list{gap:4vw}}@media(max-width:700px){.search__header{flex-direction:column;align-items:center;margin-top:0}.header__title{margin-bottom:20px;text-align:center}}@media(max-width:550px){.search-bar--search-with-results{position:sticky;top:0;z-index:100;background-color:#000;padding:20px 0}}.card{width:21.75%;border:2px solid rgb(233,227,227);border-radius:20px;padding:20px;background-color:#000}.card:hover{scale:1.1;transform:translateY(-50px);transition:all .3s ease;box-shadow:0 5px 80px -10px #d9c836;z-index:2}.movie-poster--wrapper{text-align:center}.movie-poster{width:100%;border-radius:20px}@media(max-width:1200px){.card{width:21.5%}}@media(max-width:1000px){.card{width:calc(91% / 3)}}@media(max-width:768px){.card{width:47.5%}}@media(max-width:600px){.card h3{font-weight:500}}@media(max-width:550px){.card{width:100%;margin-bottom:20px}}.loading__row{min-height:100vh;position:relative}.spinner--wrapper{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;align-items:center;border-radius:50%}.spinner{animation:spin 3s infinite linear;border-radius:50%}@keyframes spin{0%{transform:rotate(0);color:#e372e3}50%{color:#68d3e1}to{color:#e372e3;transform:rotate(360deg)}}.no-results{border:2px solid rgb(233,227,227);display:flex;flex-direction:column;align-items:center;max-width:550px;width:100%;border-radius:20px;margin:40px 0 80px;box-shadow:0 20px 80px #d46bd87c;padding:12px}.no-results h2{font-size:32px;font-weight:600;margin-top:20px}.no-results img{width:440px;margin:40px 0}.no-results p{margin-bottom:20px}@media(max-width:600px){.no-results h2{font-size:24px}.no-results img{width:360px}}select{max-width:250px;width:100%;padding:0 10px;height:40px;background-color:#000;color:#e9e3e3;cursor:pointer}select:focus{border-color:#00f}.movie__row{max-width:1200px;width:100%}.search-bar--title-page{position:relative;display:flex;justify-content:center;margin:40px 0 60px}.back__btn{position:absolute;left:0;top:-16px;display:flex;margin-top:20px;width:32px;background:none;border:none}.back__btn:hover{color:#d9c836;scale:1.1;transition:all .3s ease}.display__title--wrapper{display:flex;justify-content:center}@media(max-width:1200px){.movie__row{padding:0 32px}}@media(max-width:600px){.search-bar--title-page{margin-bottom:40px;justify-content:end}}@media(max-width:550px){.search-bar--title-page{position:sticky;top:0;z-index:100;background-color:#000;padding:20px 0}.back__btn{top:4px}}.display-title{max-width:1000px;width:100%}.movie__header{display:flex;gap:60px}.movie__poster--wrapper,.movie__info{max-width:500px;width:100%}.movie__poster{width:100%}.movie__info h1{font-size:40px;font-weight:600}.movie__info p,.movie__summary p{margin-top:12px}.movie__summary{width:100%;margin-top:40px;margin-bottom:80px}.movie__summary h2{font-size:24px;margin-bottom:20px}@media(max-width:1100px){.movie__header{gap:32px}}@media(max-width:768px){.movie__info h1{font-size:28px}}@media(max-width:600px){.movie__header{margin-top:20px}}@media(max-width:550px){.movie__header{flex-direction:column}}.nav__container{background-image:linear-gradient(to bottom,#000,#e372e3,#000)}.nav__row{display:flex;width:100%;max-width:1400px;height:15vh;align-items:center;justify-content:space-between;padding:0 32px}.nav__links{display:flex;align-items:center}.nav__link{text-decoration:none;color:#000;position:relative;font-weight:500;font-size:18px}.nav__link{margin-right:60px}.nav__login--btn{border:3px solid black;padding:4px 24px;border-radius:50px;display:flex;align-items:center;gap:8px;background-color:#000;color:#d9c836}.nav__login--btn:hover{background-color:#2c2c2c;border-color:#2c2c2c;scale:1.05;transition:.3s ease all}.nav__login--btn:active{scale:.9;transition:.3s all ease}.log-in{font-size:16px;font-weight:700}@media(max-width:768px){.nav__link{display:none}}@media(max-width:550px){.nav__row{padding:0 8px}.log-in-img{display:none}}.footer__container{background-image:linear-gradient(to bottom,#000,#e372e3,#000)}.footer__row{display:flex;max-width:1400px;width:100%;flex-direction:column;align-items:center}.footer__img{margin:60px 0 30px}.footer__links{width:100%;max-width:600px;display:flex;justify-content:space-between}.footer__link{text-decoration:none;color:#000;position:relative;font-weight:500;font-size:18px}.copyright{margin:30px 0 60px}@media(max-width:600px){.footer__links{justify-content:space-around}}.blank-search__row{display:flex;flex-direction:column;align-items:center;max-width:1400px}.blank-search__row h1{font-size:48px;margin-top:40px;font-weight:600}.blank-search__row p{margin-bottom:20px}.search__img--wrapper{max-width:400px;width:100%;margin-top:40px;margin-bottom:60px}.search__img{width:100%}@media(max-width:400px){.blank-search__row h1{font-size:36px}.search__img--wrapper{max-width:340px}}.back-to-top,.arrow-up{display:none}@media(max-width:768px){.back-to-top{position:fixed;z-index:100;width:120px;height:120px;background-color:#000;border-radius:50%;bottom:120px;right:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgb(233,227,227)}.arrow-up{color:#d9c836;display:block}}