/* Background color */
body {
    background-color: #a69f9f; /* Dark background from logo */
    color: #FFFFFF; /* Default white text */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Headings */
h1, h2, h3, h4 {
    color: #0d0c0c; /* black */
}

/* Buttons */
button, .btn {
    background-color: #FF3F3F;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 6px;
    border: none;
    font-weight: bold;
}

button:hover, .btn:hover {
    background-color: #FF6B6B; /* lighter red on hover */
}

/* Links */
a {
    color: #FF3F3F;
    text-decoration: none;
}

a:hover {
    color: #FF6B6B;
}

/* Cards / sections */
.section, .card {
    background-color: #1A0000; /* slightly lighter black */
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}
nav a {
    margin-right: 20px;   /* space between menu items */
    font-size: 18px;      /* optional: make menu bigger */
    color: #FF3F3F;       /* logo red */
}

nav {
    padding: 15px;        /* add spacing around nav bar */
    display: flex;        /* align items side by side */
    gap: 20px;            /* extra spacing between links */
}