html,
body {
  color: #FFFFFF;
  background-color: #e3d9c1;
  font-size: .950rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.error {
  color: #FFFFFF;
  font-weight: bold;
}

a {
  color: #FFFFFF;
}

.form-signin {
  max-width: 530px;
  padding: 1rem;
}

.main-content-container {
  max-width: 530px;
  padding: 1rem;
}

.form-upload {
  max-width: 530px;
  padding: 1rem;
}

.form-rsvp {
  max-width: 530px;
  padding: 1rem;
}

.uploaded-picture-view {
  max-width: 530px;
  padding: 1rem;
}

.btn-primary {
  color: #171b57;
  background-color: #d4c6a5;
  border-color: #d4c6a5;
  font-weight: bold;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #171b57;
  background-color: #e6decc;
  border-color: #e6decc;
  font-weight: bold;
}

.days-left-button {
  display: inline-block;
  width: 65px;
  border-width: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #6e6652;
  background-color: #d4c6a5;
  padding: 2px 2px 2px 2px;
  border-radius: 5px;
}

.hours-left-button {
  display: inline-block;
  width: 65px;
  border-width: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #6e6652;
  background-color: #d4c6a5;
  padding: 2px 2px 2px 2px;
  border-radius: 5px;
}

.minutes-left-button {
  display: inline-block;
  width: 65px;
  border-width: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #6e6652;
  background-color: #d4c6a5;
  padding: 2px 2px 2px 2px;
  border-radius: 5px;
}

.seconds-left-button {
  display: inline-block;
  width: 65px;
  border-width: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #6e6652;
  background-color: #d4c6a5;
  padding: 2px 2px 2px 2px;
  border-radius: 5px;
}