html, body {
  background: #fdd504;
  background: linear-gradient(#eae3c6, #ffffff) no-repeat center center fixed;
}

body {
  padding: 0 1rem 0;
  max-width: 1000px;
  margin: 0 auto 0;
}

.bg-faded, .form-control {
  /*background-color: rgb(252, 225, 69);*/
  border-color: black;
  color: black;

  border-radius: 8px;
  -webkit-appearance: none;

  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
}

.form-control:focus {
  border-color: black;
  outline-color: black;
  outline-width: 2px;
}

.form-control::placeholder {
  color: rgb(63, 63, 63);
}

.form-group label {
  color: black;
}

footer {
  color: black;
}

footer select.form-control {
  box-shadow: 0 0;
}

h3 {
  padding: 2rem 0 2rem;
  color: black;
}

.navbar {
  border-radius: 8px;
  background-color: #844133;
  box-shadow: 0 0;
}

.btn.btn-primary {
  border-color: black;
  background-color: white;
  border-radius: 0;
  color: black;

  margin-top: 1rem;
  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
}

.btn.btn-primary:hover {
  outline-style: solid;
  outline-color: black;
  outline-width: 2px;
}

.card {
  background-color: rgb(252, 225, 69);
  border-color: black;
  border-radius: 0;

  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);

  margin-bottom: 2rem;
}

.card-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
  color: black;
}

.card h5 {
  color: black;
  padding: 1rem 0 1rem;
}

.card p {
  color: black;
}

h6 {
  color: black;
}
