body {
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 72%, rgba(56,0,115,1) 100%);
}

.retired-header {
    margin-top: 8rem;
    margin-bottom: 4rem;

    width: 100%;

    display: flex;
    flex-direction: column;
}

.characters-container {
    margin-left: 8rem;
    margin-right: 8rem;
}

.retired-chronical-container {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: 6rem;
}

.characters-container .card-deck {
    justify-content: center;
    flex-flow: row wrap;
    width: 100%;
}

.characters-container .card {
    min-width: 11rem;
    max-width: 11rem;
}

.retired-characters {
    transform: scale(0.7);
    filter: grayscale();
}

.retired-chronical-container .card-deck {
    justify-content: center;
    flex-flow: row wrap;
}

.retired-header > * {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.retired-header > h1 {
    font-family: MrJeeves;
    color: #58180D;
}

h2 {
    font-family: MrJeeves;
    color: #58180D;
    text-align: center;
    font-size: 1.5rem;
}

.retired-header > p {

    margin-top: 2rem;

    max-width: 40rem;
    font-family: BookSanity;
    color: #ccc;
}

.emblem-background {
    display: none;
    position: absolute;
    top: 10rem;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    height: 40rem;
    z-index: -1;
}

/* .retired-chronical-container {
    opacity: 80%;
} */

.retired-chronical-container .card-body > .view-details {
    display: flex;
    justify-content: center;
}