@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@500&family=Poppins:wght@300&family=Roboto:wght@500;700&family=Source+Code+Pro:ital@1&display=swap);*{box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#07071e;height:100%;width:100%}.MovieList{grid-gap:1rem;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;margin:1rem auto;outline:1px solid #55c1c6;padding:1rem;width:90%}.MovieList .movie{background-color:#000c;border:1px solid #257b8f;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem;transition:transform .2s ease-in-out;width:100%}.MovieList .movie:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.MovieList .movie img{border-radius:10px;margin-bottom:1rem;max-height:20rem;object-fit:cover;width:100%}.MovieList .movie h2{font-size:1.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0009}.MovieList .movie p{flex-grow:1;font-size:1rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.movie-details{display:flex;flex-direction:column;gap:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.MovieList .movie{animation:fadeIn .5s ease-in-out}.movie-rating{background-color:cyan;color:#000;font-weight:bolder;padding:.1rem}.search-input{background-color:#f0f0f0;border:2px solid #55c1c6;border-radius:4px;color:#333;font-size:16px;margin:1rem;outline:none;padding:12px;transition:border-color .3s ease-in-out;width:40%}.search-input:focus{border-color:#257b8f}.form{align-items:center;display:flex;justify-content:space-around;padding:1rem}@media (min-width:320px) and (max-width:480px){.form h1{font-size:1.5rem}.form input{width:12rem}}
/*# sourceMappingURL=main.1a8bd979.css.map*/