body {
    font-family: Arial, sans-serif;
    margin: 0;
    background: #111;
    color: #fff;
    text-align: center;
}
header {
    padding: 20px;
    background: #222;
}
.movies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    padding: 20px;
}
.movie-card {
    background: #1c1c1c;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s;
}
.movie-card:hover {
    transform: scale(1.05);
}
.movie-card img {
    width: 100%;
    display: block;
}