body {
    background-color: #121212; /* Dark background */
    color: #FFFFFF; /* White text for contrast */
    font-family: 'Arial', sans-serif; /* Font style */
    margin: 0;
    padding: 0;
}

/* Navigation bar styles */
nav {
    display: flex;
    justify-content: center; /* Center navigation */
    background-color: #1F1F1F; /* Darker nav background */
    padding: 10px 0;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 15px;
}

nav a {
    text-decoration: none;
    color: #FFFFFF; /* White text for links */
    font-weight: bold;
}

/* Title styles */
h1 {
    text-align: center; /* Centered title */
    margin-top: 20px;
}

/* Project container */
.project {
    max-width: 1200px; /* Max width for the content */
    margin: 20px auto; /* Center content */
    display: flex; /* Flexbox layout for image and text */
    background-color: #1E1E1E; /* Dark card background */
    border-radius: 8px; /* Rounded corners */
    padding: 20px;
    align-items: center; /* Align items in the center */
}

/* Project image styles */
.project-image {
    width: 150px; /* Image width */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Rounded corners for images */
    margin-right: 20px; /* Space between image and text */
}

/* Project details section */
.project-details {
    flex-grow: 1; /* Allow this section to grow */
}

/* Project title styles */
h2 {
    margin: 0; /* Remove default margin */
}

/* Download button styles */
.download-button {
    display: inline-block; /* Make button inline */
    background-color: #4CAF50; /* Green button */
    color: white; /* White text */
    padding: 10px 15px; /* Padding */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth transition */
}

/* Button hover effect */
.download-button:hover {
    background-color: #45a049; /* Darker green on hover */
}