@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Oswald:wght@200..700&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";*{margin:0;padding:0;box-sizing:border-box}body{background:#242424;color:#fff;font-family:Oswald,sans-serif}.background{position:relative;display:flex;flex-direction:column}.banner__img{height:30vh;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,black 75%);mask-image:linear-gradient(to right,transparent,black 75%);-weblit-mask-image:linear-gradient(to right,transparent,black 75%);z-index:-1;opacity:.8}.search__here{display:flex;align-items:center;justify-content:center;transform:translateY(-100px)}.search__bar{border-radius:20px;width:80%;height:50px;font-size:16px;transition:all .3s ease}.search__icon{color:#242424;cursor:pointer;transform:translate(-40px);font-size:large;transition:all .3s ease}.title{width:100%;max-width:1200px;font-size:24px}.search__results{padding:0 24px;transform:translateY(-20px);display:flex;align-items:center;justify-content:flex-end;transition:all .3s ease}select{width:25%;height:32px;margin-top:8px;border-radius:16px}.media__card{color:#fff;display:flex;flex-wrap:wrap;justify-content:center}.media__card--container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px}.card__title{display:flex;flex-wrap:wrap;padding-top:16px}.card__title:hover{text-decoration:underline;cursor:pointer}.card__type{padding-bottom:4px;text-transform:capitalize}.card__year{padding-bottom:4px}.card__img{border-radius:16px;box-shadow:0 8px 16px #6e458fa0}.spinner__icon{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.spinner__icon img{width:60px}.nav{width:100%;padding:20px 6%;margin:0 auto;position:fixed;font-size:16px;color:#fff;background-image:linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent);z-index:2}.navbar{display:flex;align-items:center;justify-content:center;gap:50px}.navbar img{width:90px;border-radius:10px}.navbar ul{padding-left:64px;font-size:18px;display:flex;list-style:none;gap:50px}.navbar li{cursor:pointer}.navbar li:hover{text-decoration:underline}.btn__menu{background-color:transparent;font-size:40px;text-align:right;color:#fff;display:none;border:none;z-index:1}.fa-film{font-weight:700;z-index:2;border:none}.menu__backdrop{position:absolute;background-color:#fff;height:100vh;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding-top:48px;transition:all .3s ease;opacity:0;visibility:hidden}.menu--open .menu__backdrop{display:flex;visibility:visible;opacity:1;z-index:100}.btn__menu--close{position:absolute;right:20px;top:10px;color:#fff;padding:8px}.fa-xmark{font-weight:700;color:#242424}.menu__links{display:flex;flex-direction:column;align-items:center;padding:32px 0;list-style:none}.menu__link{font-size:40px;color:#242424;text-decoration:none}.menu__link:hover{text-decoration:underline;cursor:pointer}@media (max-width: 550px){.nav{display:flex;align-items:center;justify-content:space-between}.navbar ul{display:none}.btn__menu{display:block}}.footer{padding:10px 4px;width:100%;max-width:1200px;margin:0 auto}.footer__icons{display:flex;justify-content:center;gap:20px;margin:40px 0}.footer__icons img{width:30px;cursor:pointer;color:#fff}.footer__icons img:hover{color:#1b1010}.footer ul{display:flex;align-items:center;justify-content:center;list-style:none;gap:20px}.footer li{cursor:pointer}.footer li:hover{text-decoration:underline}.copyright{display:flex;justify-content:center}.container{width:100%;margin:0 auto;padding:0 12px}.search__media{padding-top:88px;display:flex;flex-direction:column;align-items:center;justify-content:center}.search__btn{color:#242424;cursor:pointer;font-size:large;transition:all .3s ease;transform:translateY(-10px);padding-left:75%}.search__input{width:80%;border-radius:20px;height:50px;font-size:16px;transform:translateY(25px);transition:all .3s ease}.home__title{font-size:24px;padding:24px 0}.background__img{width:100%;z-index:-1;border-radius:5px;box-shadow:0 8px 16px #f1f0f1a0}.media__btn{transform:translateY(-25px);padding-left:180px}.btn{width:80%;height:50px;font-size:18px;border-radius:20px;background-image:linear-gradient(45deg,#1f1f9b,#610c96);color:#aeae16;box-shadow:0 8px 16px #13101080}.media{display:flex;flex-wrap:wrap}.mediacards__container{padding-top:10%;display:flex;justify-content:space-between;transition:all .3s ease}.back__btn{padding-left:12px}.back__icon{padding:8px;font-size:24px;border-radius:18px;background-image:linear-gradient(45deg,#1f1f9b,#610c96);color:#a80a0a}.media__selected{width:100%;display:flex;justify-content:flex-end;padding:5%}.media__img{width:200%;transition:all .3s ease}.media__selected--description{text-align:right;font-size:24px;transition:all .3s ease}.media__title,.media__actors{padding:24px 0;transition:all .3s ease}.media__plot{width:50%;transform:translate(100%);padding-top:24px;transition:all .3s ease}@media (max-width: 700px){.back__icon{font-size:12px}.mediacards__container{padding-top:20%}.media__img{width:100%}.media__selected--description{font-size:15px}.media__title,.media__actors{padding:12px 0}.media__plot{padding-top:12px}}@media (max-width: 550px){.mediacards__container{padding-top:30%}.media__img{width:100%}.media__selected--description{font-size:12px}}