* {  
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  
}  

body {  
    background-color: #141414;  
    color: white;  
}  

/* Header Styles */  
.header {  
    background-color: #000000;  
    padding: 20px 50px;  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
}  

.logo {  
    color:rgb(252, 210, 24);  
    font-size: 2.5rem;  
    font-weight: bold;  
}  
.nav-links button {  
            padding: 10px;  
            background: rgb(252, 210, 24);  
            border: none;  
            border-radius: 5px;  
            font-size: 1.1rem;  
            font-weight: bold;  
            color: black;  
            cursor: pointer;  
        }  

.nav-links a {  
    color: white;  
    text-decoration: none;  
    margin-left: 30px;  
    font-size: 1.1rem;  
} 
.signUp{
    padding: 10px 100px;  
    background: rgb(252, 210, 24);  
    border: none;  
    border-radius: 5px;  
    font-size: 1.1rem;  
    font-weight: bold;  
    color: black;  
    cursor: pointer;  
}

/* Hero Section */  
.hero {  
    height: 100vh;  
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),  
                url('../media/NG-en-20250324-TRIFECTA-perspective_4a8e8f5f-ae6a-4140-883b-0f6adfa9fbd6_small.png') center/cover;  
    display: flex;  
    align-items: center;  
    padding: 0 50px;  
}  

.hero-content {  
    max-width: 850px;  
}  

.hero-title {  
    font-size: 4rem;  
    margin-bottom: 20px;  
}  

.hero-description {  
    font-size: 1.2rem;  
    margin-bottom: 20px;  
}  

/* Movie Rows */  
.movie-row {  
    padding: 20px 10px;  
}  

.row-title {  
    font-size: 1.5rem;  
    margin-bottom: 20px;  
}  

.movies-container {  
    display: flex;  
    /* overflow-x: scroll;   */
    overflow-x: auto;
    /* padding: 20px 0; */
    gap: 10px;  
}  

.movie-card {  
    min-width: 250px;  
    /* height: 300px;   */
    /* background: url('../media/Amber\ Heard\ Makes\ Her\ Acting\ Return\ in\ Intense\ Trailer\ for\ New\ Thriller\ \'In\ the\ Fire\'.jpg') center/cover;   */
    border-radius: 5px;  
    transition: transform 0.5s ease;  
} 
.movie-card img{
    max-width: 100%;
    max-height: 100%;
} 

.movie-card:hover {  
    transform: scale(1.2);  
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); 
    cursor: pointer;  
}  
.movies-container::-webkit-scrollbar {  
    display: none;  
}  

/* For other browsers */  
.movies-container {  
    scrollbar-width: none;  
}  

/* Responsive Design */  
@media (max-width: 768px) {  
    .header {  
        padding: 20px;  
        /* flex-direction: column;   */
        gap: 20px;  
    }  
    .logo{
        font-size: 22px;
    }
    .hero {  
        padding: 0 20px;  
    }  

    .hero-title {  
        font-size: 2.5rem;  
    }  

    .movie-row {  
        padding: 20px;  
    }  
}  

/* Footer */  
.footer {  
    padding: 50px;  
    text-align: center;  
    background-color: #000000;  
}