:root {
    --codehap-bg-color: #800040;
    --codehap-border-color: #0f0f0f;
  --codehap-header-color: #ffffff;
 
}


.codehap_html table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-family: Arial, sans-serif;
}

.codehap_html table th[colspan="8"] {
  background-color: var(--codehap-bg-color); 
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  border: 2px solid var(--codehap-border-color);
    color: var(--codehap-header-color);
}

.codehap_html table td {
  border: 1px solid var(--codehap-border-color); ;
  padding: 15px;
  font-size: 18px;
  font-weight: normal;
}

.codehap_html table tr:nth-child(2) td,
.codehap_html table tr:nth-child(3) td {
  font-weight: bold;
}

@media (max-width: 768px) {
  .codehap_html table td {
    font-size: 15px;
    padding: 10px 2px;
  }

  .codehap_html table th[colspan="8"] {
    font-size: 14px;
    padding: 10px;
  }
}