body {
  margin: 0;
}
h2 {
  margin: 0;
}
.section-1 {
  background: #f7f70b;
  background: linear-gradient(45deg, #f7f70b 0%, #1919f4 80%);
  height: 100svh;
  position: relative;
}
.section-1 .container {
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 20px;
  border-radius: 8px;
  width: 380px;
}
.section-1 .container h2.green-color-1 {
  margin-bottom: 20px;
  font-size: 1.75em;
  color: #333;
}
.section-1 .container label {
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
}
.section-1 .container p {
  font-size: 18px;
  margin-bottom: 16px;
  color: #333;
}
.section-1 .container p:last-child {
  margin-bottom: 0;
}
.section-1 .container input {
  font-size: 16px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.section-1 .container input:active {
  box-shadow: 0 0 5px #3498db;
}
.section-1 .container button {
  background-color: #1919f4;
  /* Button color */
  font-size: 16px;
  color: #ffffff;
  /* Button text color */
  padding: 12px 20px;
  line-height: 150%;
}
.section-1 .container button:hover {
  background-color: #45a049;
  /* Change background color on hover */
  color: #ffffff;
  /* Change text color on hover */
}
.green-color-1 {
  color: #1B4C2B;
}
.white-color-1 {
  color: #fff;
}
button {
  background-color: #2D8252;
  /* Button color */
  font-size: 16px;
  color: #ffffff;
  /* Button text color */
  padding: 12px 20px;
}