.banner {
  color: #005425;
  font-size: 48px;
  text-align: center;
  padding-bottom: 16px;
  font-family: 'Serpentine_Italic', sans-serif;
}

.top-title {
  background-color: #005425;
  color: white;
  font-size: 100%;
  white-space: normal;
  word-break: normal !important;       /* important */
  overflow-wrap: break-word; /* allows long words to break if absolutely needed */
  text-align: center;
}

.small-title {
  background-color: #005425;
  color: white;
  font-size: 100% !important;
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: break-word; 
  text-align: center;
}

.avatar-box {
  height: 100%;
  max-height: 100%;
  /* width: min(74%, 100%);      keep your “74%” intent */
  aspect-ratio: 1 / 1;        /* forces a square */
}

.top-name {
  background-color: #e4b32c;
  color: black !important;
  font-size: 16px !important;
  /* font-weight: bold !important; */
}

.sheriff-card {
    width: 400px !important;
    height: 400px !important;
}

.staff-card {
  width: 300px !important;
  height: 300px !important;
}

.major-card {
  width: 300px !important;
  height: 300px !important;
}

.captain-card {
  width: 250px !important;
  height: 250px !important;
}