body {
  background-color: #F0ECE5;
}

button
{
  background-color: #ffffff;
  color: #2C2F36;
  border: 1px solid #000000;
  box-shadow: 2px 2px 5px #0000009a;
}


button:hover
{
  background-color: #cee5ff;
  color: #1e182a;
}

header {
  border-bottom: 2px solid #3D5A80;
  color: #ffff;
}

nav {
  color: #1a1a1a;
}

main {
  color: #1a1a1a;
}

.hero {
  color: #FFFFFF;
}

.project-link {
  color: #cee5ff ;
}

.post-card p {
  color: #666;
}

footer {
  background: #3D5A80;
  border-top: 1px solid #e5e5e5;
  color: #cee5ff ;
}

#contact-form label {
  color: #2C2F36;
}

#contact-form input,
#contact-form textarea {
  border: 1px solid #BBB2A9;
  background: #BBB2A9;
  color: #fff;
}

#contact-form input:focus,
#contact-form textarea:focus {
  border-color: #cee5ff;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
  color: #3D5A80;
}

#form-status.success {
  color: #6fcf97;
}

#form-status.error {
  color: #eb5757;
}

#form-status.loading {
  color: #cee5ff;
}