/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* Basic Reset */
body, h1, h2, p, ul, li {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif; /* Modern font */
    line-height: 1.6;
    color: #ffffff; /* White text for better contrast on black background */
    background-color: #000000; /* Black background */
}

/* Navigation Bar */
.navbar {
    background-color: #000000; /* Black background */
    padding: 15px 0; /* Slightly more padding */
    border-bottom: 2px solid #ff0000; /* Red border at the bottom */
}

.nav-list {
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.nav-item {
    margin: 0 20px; /* Slightly more spacing between items */
}

.nav-item a {
    color: #ffffff; /* White text */
    text-decoration: none;
    font-size: 18px;
    font-weight: 600; /* Semi-bold for better readability */
    transition: color 0.3s ease;
}

.nav-item a:hover {
    color: #ff0000; /* Red text on hover */
}

/* Headings */
h1, h2 {
    font-weight: 700; /* Bold for headings */
    margin-bottom: 20px; /* Spacing below headings */
}

h2 {
    font-size: 36px; /* Larger font size for section headings */
    color: #ff0000; /* Red color for headings */
}

/* Paragraphs */
p {
    font-size: 18px; /* Slightly larger font size for readability */
    font-weight: 400; /* Regular weight for paragraphs */
    color: #e0e0e0; /* Light gray for better readability */
}

/* Sections */
section {
    padding: 80px 20px; /* More padding for better spacing */
    text-align: center;
}

#contact {
    background-color: #1a1a1a; /* Dark gray background */
}

#projects {
    background-color: #262626; /* Slightly lighter gray background */
}

#skills {
    background-color: #333333; /* Medium gray background */
}

#my-bot {
    background-color: #404040; /* Light gray background */
}

/* Background Image Section */
.background-section {
    height: 500px; /* Adjust height as needed */
    background-image: url('https://cdn.discordapp.com/banners/877717735801487360/a_8145c898446c9fda5d4741b8a6f2f22e.gif?size=4096'); /* Replace with your image link */
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff; /* White text */
    text-shadow: 2px 2px 8px #000000; /* Stronger text shadow for better readability */
}

.background-section h2 {
    font-size: 56px; /* Larger font size for impact */
    color: #ff0000; /* Red text for the heading */
    font-weight: 700; /* Bold for emphasis */
}

/* Responsive Design */
@media (max-width: 768px) {
    .nav-list {
        flex-direction: column; /* Stack navigation items vertically on smaller screens */
        align-items: center;
    }

    .nav-item {
        margin: 10px 0; /* Adjust spacing for stacked items */
    }

    h2 {
        font-size: 28px; /* Smaller font size for mobile */
    }

    .background-section h2 {
        font-size: 36px; /* Smaller font size for mobile */
    }
}