body {
      background-color: #1D2736;
      color: #EBEEF9;
      font-family: 'Lato', sans-serif;
    }
    h1, h2, h3, h4, h5 {
      font-family: 'Sour Gummy', cursive;
      color: #D1BB9E;
    }
    .navbar {
      background-color: #1D2736;
    }
    .navbar-brand {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      color: #D1BB9E;
    }
    .navbar-nav .nav-link, .btn {
      color: #EBEEF9;
    }
    .btn-primary {
      background-color: #ffe7c7;
      border: none;
      color: #1D2736;
    }
    .btn-outline-primary {
      border-color: #D1BB9E;
      color: #D1BB9E;
    }
    .btn-outline-primary:hover, .btn-primary:hover {
      background-color: #9f6e2c;
      color: #ffffff;
    }
    .active>.page-link, .page-link.active {
        color: #ffffff;
        background-color: #9f6e2c;
        border-color: #cdbca1;
    }
    .page-link{
      color: #9f6e2c;
    }
    .hero {
      background-color: #1D2736;
      padding: 80px 0;
      text-align: center;
    }
    .bg-light {
      background-color: #2c3a52 !important;
    }
    .card {
      background-color: #2c3a52;
      border: none;
      color: #EBEEF9;
    }
    .card h5 {
      color: #D1BB9E;
    }
    footer {
      background-color: #131a25;
    }
    a {
      text-decoration: none;
    }
    a.text-white:hover {
      color: #D1BB9E !important;
    }
    .stat-box {
      background-color: #2c3a52;
      border-radius: 12px;
      padding: 30px;
      color: #EBEEF9;
    }
    .form-control,
    .form-control:focus {
      background-color: #1D2736;
      color: #EBEEF9;
      border: 1px solid #D1BB9E;
    }

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