/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body Styling */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #e6e6e6;
    background-color: #14151a; /* Binance dark background */
}

/* Header */
header {
    background-color: #1e1f26;
    color: #fff;
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header h1 {
    color: #f0b90b; /* Binance yellow accent */
    font-size: 1.5rem;
}

header nav a {
    color: #e6e6e6;
    margin: 0 1rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}

header nav a:hover {
    color: #f0b90b;
}

/* Main Content */
main {
    padding: 2rem;
    max-width: 1200px;
    margin: auto;
}

/* Section Headings */
section h2 {
    font-size: 1.8rem;
    color: #f0b90b;
    margin-bottom: 1rem;
}

/* Links Section */
#links ul {
    list-style: none;
    padding: 0;
}

#links li {
    margin: 0.5rem 0;
}

#links a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

#links a:hover {
    color: #e89d1c;
    text-decoration: underline;
}

.list-group-item {
    
}

/* About Section */
#about p {
    color: #b3b3b3;
}

#about p {
    color: #b3b3b3;
    line-height: 1.8;
}

#about strong {
    color: #f0b90b; /* Highlight important text in Binance yellow */
    font-weight: bold;
}

/* Footer */
footer {
    background-color: #1e1f26;
    color: #b3b3b3;
    text-align: center;
    padding: 1rem;
    margin-top: 2rem;
    font-size: 0.9rem;
}

footer p {
    margin: 0;
}

.social-media {
    margin-top: 0.5rem;
}

.social-media a {
    margin: 0 0.5rem;
    display: inline-block;
}

.social-media img {
    width: 24px;
    height: 24px;
    filter: invert(85%); /* Ensures icons are light-colored to match the dark theme */
    transition: filter 0.3s;
}

.social-media a:hover img {
    filter: invert(100%) sepia(100%) saturate(500%) hue-rotate(45deg); /* Adds a yellow highlight */
}

/* News Section */
.news-container {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.news-container article {
    background-color: #1e1f26;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: calc(33% - 1rem);
    max-width: 300px;
    text-align: center;
}

.news-container img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.news-container h3 {
    color: #f0b90b;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.news-container a {
    color: #f0b90b;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.news-container p {
    color: #b3b3b3;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Ensure the text color is black and bold by default */
.card-title a, .card-text a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/* Change color to #e89d1c on hover */
.card-title a:hover, .card-text a:hover {
    color: #e89d1c !important;
}