body {
    margin: 0;
    font-family: Arial;
    background: #0d0d0f;
    color: #eee;
}

/* Reduce header space */
header {
    background: #1a1a1d;
    padding: 10px;       /* was 20px */
    text-align: center;
    border-bottom: 2px solid #7bffb0;
}

/* Reduce nav bar height */
nav {
    display: flex;
    justify-content: center;
    background: #141416;
    padding: 6px;        /* was 10px */
    flex-wrap: wrap;
}

nav a {
    color: #7bffb0;
    text-decoration: none;
    margin: 0 8px;       /* was 15px */
}

/* Reduce main content margins */
main {
    padding: 15px;       /* was 20px */
    max-width: 900px;
    margin: 10px auto;   /* adds slight spacing while reducing white areas */
}

/* Reduce footer spacing */
footer {
    text-align: center;
    padding: 10px;       /* was 20px */
    background: #1a1a1d;
    color: #7bffb0;
    margin-top: 20px;    /* was 40px */
}

/* Mobile spacing improvements */
@media(max-width: 600px) {
    nav a {
        display: block;
        margin: 4px 0;  /* smaller spacing on mobile */
    }
}