h1 {
  color: #fabb00;
  margin: 1rem 0 3rem;
  border-bottom: 3px solid #fff;
  padding-bottom: .5rem;
  display: inline-block; }

h2 {
  border-bottom: 3px solid #fabb00;
  margin: 3rem auto 1rem;
  display: inline-block;
  padding-bottom: .5rem; }

h3 {
  color: #999;
  margin: 1.5rem 0; }

.subtitle {
  text-align: center; }

.bg-rose {
  background-color: #ffabd9 !important; }

.text-rose {
  color: #ff4cc0 !important; }

.ett {
  font-size: 16px;
  background: #111;
  color: #eee; }
  .ett a {
    color: #fabb00; }
  .ett .is-girl a {
    color: #ff4cc0; }
  .ett .is-girl .text-primary {
    color: #ff4cc0 !important; }
  .ett .cursor-pointer {
    cursor: pointer; }
  .ett .table-ranking {
    overflow-y: scroll;
    color: #eee;
    min-width: 100%; }
    @media (max-width: 768px) {
      .ett .table-ranking {
        font-size: 13px; } }
    .ett .table-ranking td {
      padding: 1rem;
      border-color: #333 !important; }
      @media (max-width: 768px) {
        .ett .table-ranking td {
          padding: .25rem; } }
    .ett .table-ranking th {
      border-color: #333 !important; }
    @media (min-width: 768px) {
      .ett .table-ranking .col-name {
        min-width: 280px; } }
  .ett .popover {
    max-width: 100%; }
    .ett .popover-body ul {
      margin: 0;
      padding: 0; }
      .ett .popover-body ul li {
        margin-left: 1rem; }
  .ett .name {
    text-transform: capitalize; }
  .ett .text-primary {
    color: #fabb00 !important; }
  .ett .text-secondary {
    color: #999 !important; }
  .ett .popover-header {
    color: #333;
    margin: 0; }
  .ett .athlete-popover li {
    list-style-type: none;
    margin: .5rem 0 !important; }
  .ett ul, .ett ol {
    padding-left: 20px; }
    .ett ul li, .ett ol li {
      margin: .5rem 0; }
      .ett ul li::marker, .ett ol li::marker {
        color: #fabb00; }