@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap";.title{margin:10px auto;text-align:center;font-size:3rem;color:#d4d4d4}.title:hover{color:#fff}.movieCard{list-style:none;font-size:1.5rem;text-align:center;transition:.5s;border-bottom:1px solid grey}.movieCard:hover{opacity:.6;transform:translateY(-30px);transition:.7s}.movieImage{border-radius:15px}@media (max-width:560px){.movieImage{width:80%;height:70vh}}.container{display:grid;grid-template-columns:repeat(auto-fill,230px);gap:40px;padding:40px;justify-content:center;background:linear-gradient(to right,rgb(0,0,0),rgb(43,43,43),rgb(0,0,0))}@media (max-width: 560px){.container{grid-template-columns:100%}}.detailContainer{display:flex;justify-content:center;flex-wrap:wrap;background:linear-gradient(to right,black,rgb(51,51,51),black)}.movieImage{border-radius:15px;object-fit:cover}.col{max-width:400px;margin:15px;height:auto;width:80%}.title{margin-top:0}.movieDetails{font-size:1.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:black;color:#fff}