nav.navbar {
    background-color: #000408;
}

.container,
.container-fluid {
    --bs-gutter-x: 2rem;
}

section#features div.ratio {
    background-size: cover;
    background-position: top;
    border-top-left-radius: calc(var(--bs-border-radius)*2);
    border-top-right-radius: calc(var(--bs-border-radius)*2);
}

/* Light Mode */
:root {
    --bs-dark: #000408;
    --bs-dark-rgb: 0, 4, 8;
}

/* Dark Mode */
[data-bs-theme="dark"] {
    --bs-dark: #0c1117;
    --bs-dark-rgb: 12, 17, 23;
    --bs-body-bg: #000408;
    --bs-body-bg-rgb: 0, 4, 8;
    --bs-box-shadow: 0 0.5rem 1rem rgba(127, 127, 127, 0.15);
}
[data-bs-theme="dark"] nav.navbar {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

[data-bs-theme="dark"] header {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

[data-bs-theme="dark"] section#features div.ratio {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    border-bottom: none;
}