@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);.home-page{background:linear-gradient(180deg,#000,#02c9c9);color:#fff;min-height:100vh;padding:50px;text-align:center}.home-header h1{font-size:3rem;margin-bottom:16px}.home-search-box{border:none;border-radius:10px;color:#008b8b;font-size:18px;margin-top:20px;padding:12px;text-align:center;width:300px}.color{color:cyan}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;text-decoration:none}.wrapper{background-color:#000;min-height:100vh}.wrapper .container{margin:0 auto;padding:0 16px}.logo{border-bottom:1px solid #0ff;padding:16px 0}a{color:#fff}.logo p{color:#e8e8e8;font-size:35px;font-weight:700}.logo p span{color:cyan}.search__container{align-items:center;background:linear-gradient(#000,cyan);height:180px}.searchELM,.search__container{display:flex;justify-content:center}.searchELM{flex-direction:column;position:relative}.searchELM h3{align-self:center;color:#fff;font-size:24px;font-weight:500;margin-bottom:1.5px;margin-right:16px}input::placeholder{color:#008b8b;text-align:center;text-overflow:hidden}input[type=text]{text-align:center}.searchELM .search__box{border:none;border-radius:15px;color:#008b8b;font-size:24px;outline:none;padding:16px 32px;width:350px}.movie__card{align-items:center;background-color:#02a7a7;border:1px solid #ccc;border-radius:10px;display:flex;margin-top:16px;max-width:900px;padding:12px;transition:box-shadow .3s ease;width:100%}.movie__card:hover{background-color:#474646;opacity:1}.movie__poster{border-radius:6px;height:120px;margin-right:16px;object-fit:cover;width:80px}.movie__info{display:flex;flex-direction:column;gap:6px}.movie__title{color:#222;font-size:1.1rem}.movie__year{color:#000;margin-top:5px;opacity:.6}#results{align-items:center;display:flex;flex-direction:column;justify-content:center}.no__results{color:#04f6fe;font-style:italic;padding:16px;text-align:center}.movie-detail__container{align-items:center;color:#fff;display:flex;flex-direction:column;padding:32px;text-align:center}.detail__year{font-size:20px;margin:10px}.details{font-size:18px;margin:10px 0}.movie__poster--detail{height:100%;width:100%}.movie__title--detail{font-size:50px;font-weight:700;margin-bottom:10px}.movie-detail__container img{border-radius:12px;margin-bottom:20px;max-width:300px}.movie__info{max-width:600px}.back-btn{background-color:cyan;border:none;border-radius:6px;color:#036167;cursor:pointer;margin:20px;padding:10px 16px;transition:all .3s ease}.back-btn:hover{opacity:.7}.sort-error{color:red;font-size:18px;margin-top:5px}.filter__select{align-self:center;background-color:#fff;border:none;border-radius:6px;color:#008b8b;font-size:16px;margin-top:10px;padding:10px;width:200px}.spinner__container{align-items:center;animation:fadeIn .3s ease forwards;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:5px solid #00ffff4d;border-radius:50%;border-top-color:cyan;height:48px;width:48px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-out{opacity:0}.fade-in,.fade-out{transition:opacity .3s ease-in}.fade-in{opacity:1}@media (max-width:1024px){.movie__card{align-items:center;flex-direction:column;text-align:center;width:90%}.movie__poster{height:180px;margin-bottom:10px;margin-right:0;width:120px}.movie__info{align-items:center}.search__container{flex-direction:column;height:auto;padding:20px 0}.searchELM h3,.search__box{font-size:20px}.search__box{padding:12px 20px;width:90%}.filter__select{font-size:16px;margin-top:12px;width:90%}}@media (max-width:600px){.logo p{font-size:26px;text-align:center}.movie__title--detail{font-size:32px}.movie-detail__container{padding:20px}.movie__poster--detail{height:auto;max-width:100%}.detail__act,.detail__dr,.detail__plot{font-size:16px}.detail__year{font-size:18px}}
/*# sourceMappingURL=main.5ce64946.css.map*/