.masthead h1, .navbar-brand, .nav-item {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
}

#mainNav.navbar-shrink {
    background-color: rgb(7, 19, 38);
}

#mainNav.navbar-shrink .nav-link.active {
    color: rgb(150,157,215);
    outline: none;
    border-bottom: 0.25rem solid rgb(150,157,215);
  }

#mainNav.navbar-shrink .nav-link:hover {
    color: rgb(67,85,147);
    outline: none;
  }

#mainNav.navbar-shrink .nav-link {
    color: white;
  }

#mainNav.navbar-shrink .navbar-brand {
    color: white;
}

#mainNav .navbar-toggler {
    color: white;
    border: 1px solid white;
}

h2, h3, h4, h5 {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
}

.btn-primary {
    background-color: rgb(150,157,215);
}

.btn-primary:hover {
    background-color: rgb(67,85,147);
}

.btn-primary:active {
    background-color: rgb(7, 19, 38) !important;
}

p, figcaption, .form-label, .form-check-label, .list-group-item {
    font-family: 'Caudex', serif;
}

.projects-section .featured-text {
    border-left: 0.5rem solid rgb(67,85,147);
}

.projects-section .featured-text-r {
    border-right: 0.5rem solid rgb(67,85,147);
    border-left: none;
    padding-right: 1rem;
}

.projects-section a {
    color: rgb(67,85,147);
}

.projects-section a:hover {
    color: rgb(150,157,215);
}

.projects-section a:visited {
    color: rgb(170, 44, 205);
}

.projects-section a:visited:hover {
    color: rgb(219, 162, 231);
}

.carousel-caption {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.carousel-caption a {
    color: rgb(219, 162, 231);
}

.carousel-caption a:hover {
    color: rgb(170, 44, 205);
}

.carousel-caption a:visited {
    color: rgb(150,157,215);
}

.carousel-caption a:visited:hover {
    color: rgb(67,85,147);
}

.dark-bg {
    background-color: rgb(7, 19, 38);
}

#members .card {
    border: 0.5rem groove rgb(67,85,147);
    background-color: rgba(145, 206, 238, 0.25);
}

#enemies .card {
    border: 0.5rem groove rgb(67,85,147);
    background-color: rgba(145, 206, 238, 0.25);
}

.list-group-item {
    background-color: rgba(145, 205, 238, 0);
}

.tactive {
    color: green;
}

.watchlist {
    color:goldenrod;
}

.rogue {
    color:darkred;
}

.contact-section .card {
    color: rgb(67,85,147);
    border-bottom: 0.25rem solid rgb(67,85,147);
}

.contact-section svg {
    color: rgb(67,85,147) !important;
}

footer a {
    color: rgb(67,85,147);
}

footer a:hover {
    color: rgb(150,157,215);
}

footer a:visited {
    color: rgb(170, 44, 205);
}

footer a:visited:hover {
    color: rgb(219, 162, 231);
}

@media screen and (min-width: 992px) {
    .nav-item {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 991px) {
    #selection figure {
        padding: 2rem 0;
    }

    #members .card {
        margin: 1rem;
    }

    #enemies .card {
        margin: 1rem;
    }
}