@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

@font-face {
    font-family: "Nunito Sans";
    src: url("../fonts/Nunito_Sans/NunitoSans-Regular.ttf");
}

.nunito-sans {
    font-family: "Nunito Sans", sans-serif;
}

.navbar-container {
    background-color: #eaebeb;
}

.brand-image {
    width: 2.5rem;
    height: 2.5rem;
}

body {
    background-color: #eaebeb;
}

span.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3e%3c/svg%3e");
}

a.download-button {
    background-color: #8ca4b4;
    border: 0;
}

a.download-button:active {
    background-color: #8ca4b4;
}

a.download-button:hover {
    background-color: #8f9fa3;
}

#contact {

}

#contact div a {
    color: white;
    font-size: 2rem;
}

#contact div a:hover {
    color: #eaebeb;
}

#copyright {
    background-color: #748b92;
}

#contact {
    background-color: #8ca4b4;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1520px !important;
    }
}

@media(prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: white;
    }

    #navbarContainer {
        background-color: #222222;
        color: white;
    }

    #copyright {
        background-color: #333333;
    }

    #contact {
        background-color: #444444;
    }

    .navbar {
        --bs-navbar-brand-color: white;
        --bs-nav-link-color: white;
        --bs-navbar-active-color: white;
    }

    .navbar-brand, .nav-link, .active {
        color: white
    }

    .nav-link:hover, .nav-link:focus {
        color: #aaaaaa;
    }

    .navbar-brand:hover, .nav-link:focus {
        color: white;
    }

    .navbar-toggler-icon {
        filter: invert(1)
    }
}