.movie-list,
.extra-links {
    background: radial-gradient(
        circle at top center,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(50, 50, 100, 0.2) 40%,
        #0e0b31 50%
    );
}

@media (min-width: 1024px) {
    .montserrat {
        font-weight: bold !important;
        font-size: 40px !important;
    }
    .carousel-item {
        height: 400px !important;
    }
    .movie-list,
    .movie-list-no-light,
    .extra-links {
        padding: 40px 140px !important;
        gap: 2rem;
    }

    #second-movie-sec,
    #third-movie-sec {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 16px;
        width: 100%;
    }
    #learn-more {
    font-size: 20px !important;
}
}