.stats {
    @apply font-Abel text-2xl text-gold-300 mt-4 ml-2;
}


/* Card: */
.card {
    @apply bg-common-black bg-opacity-40 hover:bg-opacity-60 w-full min-h-[20rem] h-auto
    ease-in-out rounded-lg transition-all
    duration-300 hover:scale-[1.05];
    
    border-style: solid;
    border-width: 0.5em;
  
    border-image-source: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 80 80%22%3E%3Crect rx=%224%22 ry=%224%22 x=%224%22 y=%224%22 width=%2272%22 height=%2272%22 fill=%22transparent%22 stroke=%22%23FE6D73%22 stroke-width=%228%22 %2F%3E%3C%2Fsvg%3E"
    );
    border-image-slice: 50%; 
  
    border-image-width: 1.5em; 
}
a .card {
    @apply cursor-pointer;
}
.card:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6);

}
.card .image_container .image {
    @apply w-[100px] h-[100px];
}

.card .image_container {
    @apply w-full grid place-items-center mb-2
}

.placement {
    @apply text-3xl;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.content {
    @apply w-full text-center font-Coda h-auto;
    min-height: calc(100% - 100px)
}
.region {
    @apply w-14 h-14 mr-2 inline-block
}

.rank_parent {
    @apply w-auto inline-block;
}
.rank {
    @apply w-14 h-14 ml-2 relative;
}
.teammate {
    @apply font-Abel text-white-500 cursor-pointer
    w-auto transition-all duration-300 
    border-white-500 border-b-2 hover:border-red-500 hover:text-white-600;
}
.content h1 {
    @apply text-white-500 max-h-16 text-3xl font-bold mb-2;
}
.content .long {
    @apply text-xl;
}
.content .really_long {
    @apply text-base
}
.content .really_really_long {
    @apply text-base
}
.team {
    @apply h-full rounded-md text-center grid place-items-center
}
.content .stats {
    @apply text-4xl
}
/* a:nth-child(even) .card .content h1 .card_placement{
    @apply text-red-300
}
.card:nth-child(even) .content h1 .card_placement{
    @apply text-red-300
} */