.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    --bs-nav-pills-link-active-bg: #212529;
}

p, a.nav-link {
    color: black;
}

nav .nav-link {
    color: white;
}

.active {
    background-color: var(--bs-btn-bg);
}

#hero-section {
    position: relative;
    min-height: 100vh;
    background-image: url(../assets/images/hero-background-unsplash.jpeg);
    background-position: center;
    background-size: cover;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}

.main-title {
    position: absolute;
    height: 100%;
    width: 100%;
}

#hero-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
}

#jack-suit {
    box-shadow: #f8f9fb -30px 30px;
}