home simran
/* Container for movies list */
.page-content {
max-width: 1200px;
margin: 0 auto;
padding: 32px 16px;
}
/* Movie card grid (desktop) */
.movies-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
/* Movie card */
.movie-card {
background: #191919;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 24px rgba(0,0,0,0.18);
transition: box-shadow .2s;
}
.movie-card:hover {
box-shadow: 0 8px 32px rgba(232, 0, 41, 0.13);
}
.movie-card img {
width: 100%;
height: auto;
display: block;
}
.movie-title {
font-family: ‘League Spartan’, ‘Oswald’, Arial, sans-serif;
font-size: 1.25rem;
color: #fff;
margin: 18px;
font-weight: 600;
letter-spacing: 1px;
}
.movie-year {
color: #e62429;
font-size: 1rem;
margin: 0 18px 18px 18px;
}
/* Responsive mobile styles */
@media (max-width: 990px) {
.movies-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.page-content {
padding: 24px 8px;
}
.movie-title {
font-size: 1.1rem;
}
}
@media (max-width: 600px) {
.movies-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.movie-card {
border-radius: 7px;
}
}
/* Header, footer and body background */
body {
background: #151515;
color: #fff;
font-family: ‘Roboto’, Arial, sans-serif;
}
.header, .footer {
background: #191919;
padding: 20px 0;
}
.footer-social {
display: flex;
gap: 18px;
margin-top: 16px;
}
.footer-social a {
color: #fff;
font-size: 25px;
transition: color .2s;
}
.footer-social a:hover {
color: #e62429;
}
/* Make sure images and video elements are flexible */
img, video {
max-width: 100%;
height: auto;
border-radius: 8px;
}
