CSS template to customize object form built on Stamplay

form_custom.css

body {
  background-color: #e7e7e7a9;
}

.container {
  /* default 800px */
  max-width: 1024px;
}

.logo {
  opacity: 1;
}

.form-title {
  font-size: 30px;
}

.form-description {
  font-size: 20px;
}

.main-btn {
  background-color: #22A8F1;
}

.main-btn:hover,
.main-btn:focus {
  background-color: #1a8ac7;
}

.file-btn {
  background-color: #22A8F1;
}

.file-btn:hover,
.file-btn:focus {
  background-color: #1a8ac7;
}

/* valid color */
.input-field textarea.valid,
.input-field input[type].valid {
  border-bottom: 1px solid #22A8F1;
  box-shadow: 0 1px 0 0 #22A8F1;
}

/* invalid color */
.input-field textarea.invalid,
.input-field input[type].invalid {
  border-bottom: 1px solid #f5d000;
  box-shadow: 0 1px 0 0 #f5d000;
}

/* customize checkbox color in multi choices */
[type="checkbox"]:checked+label:before {
  border-right: 2px solid #22A8F1;
  border-bottom: 2px solid #22A8F1;
}