@font-face {
  font-family: '28';
  src: url('/fonts/28 Days Later.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  color: white;
}

.title {
  font-family: "28";
  font-weight: normal;
  font-size: clamp(2rem, 10vw, 6rem); /* min 2rem, scales with viewport, max 6rem */
  white-space: nowrap; /* prevent wrapping */
  overflow: hidden;
  text-overflow: ellipsis; /* optional, for very small screens */
}
.h2 {
  font-family: "28";
  color: #ed6f1b;
}
a {
  color: #ed6f1b;
  text-decoration: none;
}
.btn-primary {
  background-color: #ed6f1b;
  border: none;
}
.bg-primary {
  background-color: #ed6f1b;
}

/* Mobile-friendly responsive table (card layout) */
@media (max-width: 5000px) {  /* works on high-res mobiles and tablets */
  .table-responsive table,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
  }

  .table-responsive thead {
    display: none;
  }

  .table-responsive tr {
    margin-bottom: 1rem;
    border-radius: 8px;
    padding: 0.5rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  }

  .table-responsive td {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border: none;
    flex-wrap: wrap;
  }

  .table-responsive td::before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 0.5rem;
    color: white;
    flex: 1 1 40%;
  }

  .table-responsive td > * {
    flex: 2 1 55%;
  }

  /* Badges wrap nicely */
  .badge {
    margin-bottom: 0.25rem;
  }
}


@media (max-width: 992px) {
  /* Hide columns 3 and 4 on mobile */
  .table-responsive tr td:nth-child(1),
  .table-responsive thead th:nth-child(1)
   {
    display: none;
  }
}

.bg-dark{
  background-color: #1b1b1d;
}