.fight-type-title {
  margin: auto;
  margin-top: 20px;
  border-bottom: 2px var(--dark) solid;
  border-radius: 2px;
  min-width: 50%;
  text-align: center;
}

.fight-type-title a {
  display: inline-block;
  padding: 20px 0;
  width: 100%;
}

.fight-type-title a:hover {
  background-color: var(--accent);
}

.fight-type-title > h2 {
  margin: 0;
  padding: 0;
}

.table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.row {
  display: table-row;
  width: 100%;
}

.fight-title {
  display: table-cell;
  cursor: pointer;
  background-color: var(--secondary);
  text-align: center;
}
.fight-title a {
  display: inline-block;
  background-color: var(--primary);
  padding: 20px 0;
  width: 100%;
  color: var(--light-text);
}

.fight-title:hover {
  background-color: var(--accent);
}
.fight-title:hover a {
  background-color: var(--dark);
}
.fight-title > p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.fight-title .fight-status:not(.empty) {
  padding: 10px 0;
  font-size: 0.9em;
  min-height: 30px;
  /* border-bottom: 1px var(--dark) solid; */
}
@media (max-width: 640px) {
  .row {
    display: block;
  }
  .fight-title {
    display: flex;
  }
  .fight-title > * {
    flex: 1;
  }
}