@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{margin:0 auto;background:#222;color:#fff}.container{max-width:1200px;margin:0 auto}@media (max-width:1200px){.container{padding:0 60px}}@media (max-width:768px){.container{padding:0 30px}}@media (max-width:512px){.container{padding:0 15px}}.popular-movies{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem 2rem;gap:1rem 2rem;margin-top:30px}.popular-movies h2{font-size:.8rem}.popular-movies img{width:100%;height:35vh;object-fit:cover;border-radius:1rem;margin-bottom:1rem}.movies{text-decoration:none;color:#fff}.btn-load-more{display:block;width:300px;margin:20px auto;padding:.7rem 0;background:#fff;color:#4162a8;border-radius:1rem;border:2px solid #4162a8;font-size:1.2rem;font-weight:700;cursor:pointer}.btn-load-more:hover{background:#4162a8;color:#fff}.banner{display:grid;grid-template-columns:1.2fr 1fr}.title{font-weight:300;font-size:1.3rem}.main-image{width:100%;height:65vh;object-fit:cover}.movie-detials{padding:30px;background:#4162a8;color:#fff;display:flex;flex-direction:column}.movie-view{display:flex;justify-content:space-between;margin-top:auto}.movie-preview{display:grid;grid-template-columns:1fr 1fr}.movie-preview img{height:300px;width:100%;object-fit:cover}.movie-detials h2{margin-bottom:30px}.movie-detials p{margin:10px 0}.external-link{display:inline-block;background:#fff;padding:8px 15px;text-decoration:none;color:#4162a8;margin-right:auto;margin-top:20px}@media (max-width:900px){.banner{grid-template-columns:1fr}}@media (max-width:612px){.btn-load-more{width:300px;margin:15px auto;border-radius:.7rem}.movie-view{flex-direction:column;margin-top:none}.movie-preview{grid-template-columns:1fr}.movie-preview img{height:250px;object-fit:cover}}.filter{margin-bottom:2rem}.filter button{margin-right:2rem;min-width:5rem;padding:.5rem 1rem;background:#fff;color:#4162a8;border-radius:1rem;border:2px solid #4162a8;font-weight:700;cursor:pointer}.filter button.active{background:#4162a8;color:#fff}@media (max-width:612px){.filter button{margin-right:1rem;min-width:3rem;padding:.5rem .8rem;border:1px solid #4162a8;font-weight:400;border-radius:.7rem}}nav{background:#4162a8;color:#fff}nav .container{height:10vh;display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;display:flex}nav li{padding:0 10px}nav a{text-decoration:none;color:#fff}
/*# sourceMappingURL=main.3b877d46.chunk.css.map */