.parent {
    @apply w-72 min-h-[14rem] h-auto
    transition-all duration-300 text-lg place-self-center  self-center
    px-2
    rounded-lg; 
    background-color: rgb(0 0 0/ 0.4);
    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;
      /* display: flex;
  justify-content: center;
  align-items: center; */

}
.parent:hover {
    background-color: rgb(0 0 0/ 0.6);
}
.imageContainer {
    @apply  w-auto h-auto flex justify-center
}
.image {
    @apply w-auto h-auto
}

.content {
    @apply text-center font-Coda
}
.content h1 {
    @apply font-bold text-2xl
}
.content .link {
    @apply font-bold text-2xl transition-all duration-300
    border-white-500 border-b-2 hover:border-red-500 hover:text-white-600;
}
.weapon_value {
    @apply font-bold font-Abel text-gold-300
}
.winrate {
    @apply font-bold text-green-500
}
.corners_border {
    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 x=%224%22 y=%224%22 width=%2272%22 height=%2272%22 fill=%22transparent%22 stroke=%22%23000%22 stroke-width=%228%22 %2F%3E%3C%2Fsvg%3E"
    );
    border-image-slice: 50%; 
  
    border-image-width: 2.5em; 
  }
