/* GLOBAL */

body {
    background-color: #060018;
    color: white;
    font-family: 'Inter', sans-serif;
}

a {
    text-decoration: none;
    color: #f5ea76;
}

a:hover {
    text-decoration: underline;
}




.topnav {
    background-color: #000000;
}

.topnav a {
    color: #f5ea76;
}

.topnav a:hover {
    color: white;
}

.topnav .active {
    color: white;
}

@media (max-width: 768px) {
    .topnav {
        border-bottom: 1px solid #f5ea76;
    }
}



footer {
    background-color: #000000;
    border-top: 1px solid #f5ea76;
}

.footnav li {
    color: #767676;
}

.footlegal {
    color: #a4a4a4;
}

.footlegal a {
    color: #767676;
}

/* HOME PAGE */

header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/New\ Projectmdt.png);
    border-bottom: 1px solid #f5ea76;
}

.about-site p {
    color: #f4f4f4;
}

@media (max-width: 768px) {
    header {
        background: black;
    }

    .sparks {
        background-color: #060018;
        border: 1px solid #f5ea76;
    }
}