@import "main.css";
@import "custom.css";

.webform {
  width: 75%;
  padding: 30px;
  margin: auto;
  position: relative;
  background-color: #eeeeee;
  margin-top: 25px;
  margin-bottom: 5px;
  box-shadow: var(--boxShadow);
}

.webform div {
  margin-top: 10px;
}

.checkbox, 
.radio {
  width: 20px !important;
  height: 20px: !important;
}

#donate {
  width: 100px;
}

#custom {
  margin-top: 5px;
}

#date {
  width: 150px;
}

.submit {
  border-color: var(--dominantColor);
  color: var(--dominantColor);
}

.submit:hover {
  border-color: var(--secondaryColor);
  color: #ffffff !important;
  background-color: var(--secondaryColor);
}