body {
  font-family: "Segoe UI", sans-serif;
  padding: 30px;
}

h2 {
  color: #004080;
}

table {
  width: 100%;

  border-collapse: collapse;

  margin-bottom: 40px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

th,
td {
  padding: 12px 16px;

  text-align: left;
}

th {
  background-color: #0074d9;

  color: white;

  font-size: 16px;
}

tr:nth-child(even) {
  background-color: #e6f2ff;
}

tr:hover {
  background-color: #d0e7ff;
}

caption {
  caption-side: top;

  font-size: 18px;

  font-weight: bold;

  color: #004080;

  margin-bottom: 10px;
}

iframe {
  display: block;
  border: none;
  /* Reset default border */
  height: 100vh;
  /* Viewport-relative units */
  width: calc(100% + 17px);
}

div {
  overflow-x: hidden;
}