.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: rgba(182, 182, 182, 0.7);

    color: rgb(255, 255, 255);
    text-shadow: none;
}

body {
    background-color: #44545d;
    text-shadow: 0 .05rem .1rem rgba(255, 217, 185, 0.3);

    background-image: linear-gradient(125deg, #6978b1, #6565a5, #4c849a, #5e73a2, #7370b8);
    background-size: 4000%;
    animation: bg-gradual 25s infinite;

    overflow: hidden;
    margin: 0;
    padding: 0;

}

@keyframes bg-gradual {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.center-img {
    clear: both;
    display: inline-flex;
    margin: auto;
    align-items: center;
}


.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}