.text-md {
  font-size: 1rem;
}

/* variables */

:root {
  --primary-transition: all 200ms ease-in-out;
  --primary-color: #ffdd00;
  --primary-hover-color: #bf8f00;
  --warning-color: #FFA500;
  --warning-hover-color: #b66d00;
}

/* inputs */

.form-control {
  display: block;
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 10px 20px;
  margin-top: 5px;
  outline: none;
  transition: var(--primary-transition);
}

.form-control:focus {
  border-color: var(--primary-color);
}

/* buttons */

.button {
  display: block;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  transition: var(--primary-transition);
}

.button.button-primary {
  color: #222222;
  background-color: var(--primary-color);
}

.button.button-primary:hover {
  background-color: var(--primary-hover-color);
}

.button.button-warning {
  color: #efefef;
  background-color: var(--warning-color);
}

.button.button-warning:hover {
  color: #ffffff;
  background-color: var(--warning-hover-color);
}

/* ancor links */

.ancor-link {
  color: var(--primary-color);
  display: block;
}

.ancor-link:hover {
  color: var(--primary-hover-color);
}