body {
  background-color: #f6f1f2;
}

h1 {
  font-size: 36px;
  text-align: center;
  color: #990a00;
  margin-top: 40px;
  margin-bottom: 20px;
}

.title-box {
  background-color: #4CAF50; /* A nice shade of green */
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center; /* Center the text inside the box */
}

.title-box h1, .title-box h2 {
  margin: 0;
  color: #fff; /* White text color */
}

/* Center the title-box by making the title-container element a flex container */
.title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}


p {
  font-size: 18px;
  padding: 10px;
  color: #3d2b1f;
  text-indent: 20px;
}

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 500px;
  margin: 20px auto;
  background-color: #f2f2f2;
  color: #333;
}

th, td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

th {
  background-color: #5d8aa8;
  color: #fff;
}

tr:nth-child(2) {
  background-color: #a4c639;
}

tr:nth-child(3) {
  background-color: #c32148;
}

tr:nth-child(4) {
  background-color: #ffbf00;
}

tr:nth-child(5) {
  background-color: #f6f1f2;
}

h2 {
  font-size: 24px;
  text-align: center;
  color: #b38600;
  margin-top: 20px;
}

ul {
  list-style-type: square;
  }