p {
}

.logo {
  font-size: 3em;
  font-weight: bold;
  position: relative;
  color: white;
  -webkit-text-stroke-color: white;
  -webkit-text-stroke-width: 0.0em;
  -webkit-text-fill-color: white;
  /* background: -webkit-linear-gradient(#000000, #0011ff); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
}

.nav-links ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6em;
  font-weight: 600;
}

.row {
}

.history-detail {
  /* display: flex; */
  /* flex-direction: column; */
}

.top-row-gif {
  width: 100%;
  text-align: center;
  background-color: darkgray;
  min-height: 35vh;
  align-content: center;
}

.top-row-gif img {
}

.row-a {
    width: 100%;
    background-color: #f1e5ce;
    flex-direction: row;
    display: inline-flex;
    text-align: center;
}

.row-b {
    width: 100%;
    background-color: lightgray;
    flex-direction: row;
    display: inline-flex;
    text-align: center;
}

.row-a .col-1, .row-b .col-1 {
  flex-basis: 20%;
  position: relative;
  align-content: center;
  padding: 10px 0;
}

.row-a .col-2, .row-b .col-2 {
  flex-basis: 60%;
  position: relative;
  text-align: left;
}

.row-a .col-3, .row-b .col-3 {
  flex-basis: 20%;
  position: relative;
  align-content: center;
  padding: 10px 0;
}

tr {
  padding: 10px 0;
}

td {
  width: auto;
  min-width: 12vw;
  padding: 1em 2em;
  font-size: 1.5em;
  font-size: 1.3em;
}

.shield {
    width: 8.5vw;
}

.award {
    width: 8vw;
}