body {
    position: relative;
    min-height: 100vh;
    background-color: #39393A;
    color: #e6e7e9;
    font-family: "Segoe UI", Arial, sans-serif;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: linear-gradient(rgba(30, 34, 40, 0.55), rgba(30, 34, 40, 0.55)), url("../images/Auckland_skyline.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(10px) brightness(0.55);
    z-index: -1;
}

header h1 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.22);
}

.card-dark {
    background-color: #39393A;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.card-dark .card-title {
    color: #f1f2f4;
}

.card-dark .card-text,
.card-dark .list-group-item {
    color: #d8d9dd;
}

.card-dark img {
    max-height: 340px;
    object-fit: cover;
}

footer {
    background-color: #39393A;
}

footer a {
    color: #d1d3d7;
}

footer a:hover {
    color: #ffffff;
}

.footer-note {
    color: #b8bbbf;
}