/* Global Styles */
body {
  background-color: #fc9;
  text-align: center;
  font-weight: 700;
  padding: 0;
  font-family: Helvetica, sans-serif;
  text-size-adjust: 100%;
}

/* Panel Styling */
.panel.panel-info {
  border: 1px solid #3f51b5;
  width: 70%;
  margin: 0 auto;
}

/* Responsive Panel Adjustments */
@media (max-width: 770px) {
  .panel.panel-info {
    width: 95%;
  }
}

@media (max-width: 500px) {
  .panel.panel-info {
    width: 99%;
  }
}

/* Table Styling */
table {
  width: 100%;
  border-collapse: collapse;
}

table,
th,
td {
  border: 1px solid rgba(3, 169, 244, 0.66);
}

thead {
  background-color: #ffc107;
  text-shadow: 1px 1px 2px rgba(154, 116, 0, 0.67);
}

tbody td {
  padding: 5px 0;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

/* Responsive Table Adjustments */
@media (max-width: 770px) {
  thead tr th:first-child,
  tbody tr td:first-child {
    width: 55px;
    font-size: 9px;
  }
}

@media (max-width: 500px) {
  th,
  td {
    font-size: 11px;
  }
}

/* Special Styling for Specific Table Columns */
tbody tr td:nth-child(3n) {
  border-left-width: 0;
  border-right-width: 0;
  font-size: 23px;
}

/* Red Text Class */
.r {
  color: red;
}