section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  background: linear-gradient(to right, #8489bf, #9da2cf, #b6badf, #cfd3ef, #e8ebff);
}


table.w-full.mb-4 td.px-4.py-2 {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000000;
  border-radius: 2%;
  background-color: #f7f7f7;
  color: #d2f123;
  font-size: larger;
}

table {
  width: 100%;
  margin-bottom: 1rem;
}

th, td {
  padding: 0.5rem;
}

th {
  text-align: left;
  background-color: #3be918;
  color: #fff;
}

td {
  vertical-align: top;
  background-color: #a2d39b;
}




body {
  background-color: #f5f5f5;
}

.min-h-screen {
  min-height: 100vh;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.bg-white {
  background-color: #f5c8ef;
}

.p-8 {
  padding: 2rem;
}

.rounded-lg {
  border-radius: .5rem;
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.w-full {
  width: 100%;
}

.max-w-md {
  max-width: 768px;
}

.text-2xl {
  font-size: 1.5rem;
}

.font-bold {
  font-weight: bold;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.text-gray-700 {
  color: #4a5568;
}

.block {
  display: block;
}

.text-center {
  text-align: center;
}

.w-full {
  width: 100%;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.border {
  border: 1px solid #20c00b;
}

.rounded-lg {
  border-radius: .5rem;
}