body {
    background-color: #e7e7c4;
    color: #2E2E2E;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

.navbar {
    background-color: #353d46;
}
    .navbar-brand img {
      max-height: 55px;
      width: auto;
      margin-top: 5px;
    }
.navbar .nav-link,
.navbar-brand {
    color: #F4EBD0 !important;
    font-weight: bold;
}

  header.hero {
    background: linear-gradient(to right, #3B4D61, #A8C1D1);
    color: white;
    padding: 5rem 2rem;
    text-align: center;
  }

  header.hero h1 {
    font-size: 3rem;
    font-weight: 700;
  }

  header.hero p {
    font-size: 1.25rem;
  }

  .card {
    border: none;
    background-color: #F4EBD0;
  }

  .btn-primary {
    background-color: #A8C1D1;
    border-color: #A8C1D1;
  }

  .btn-primary:hover {
    background-color: #3B4D61;
    border-color: #3B4D61;
    color: #F4EBD0;
  }

  footer {
    background-color: #3B4D61;
    color: #F4EBD0;
  }