.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.cover-container {
    max-width: 42em;
}

body {
    background-image: url('images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.cover-container main {
    background-color: rgba(0, 0, 0, 0.45);
    padding: 3rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
    margin-bottom: 2rem;
    backdrop-filter: blur(5px);
}

.cover-container main .card {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

.nav-pills .nav-link {
    padding: 0.35rem 0.8rem;
    transition: all 0.2s ease-in-out;
}

.nav-pills .nav-link:not(.active) {
    background-color: rgba(0, 123, 255, 0.2);
    border: 1px solid rgba(0, 123, 255, 0.5);
    color: #ffffff !important;
}

.nav-pills .nav-link.active {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.nav-pills .nav-link:not(.active):hover {
    background-color: rgba(33, 37, 41, 0.9);
    border-color: rgba(255, 255, 255, 0.6);
}