body {
    background: #001233;
  }
  
  .nav {
    font-family: "merriweather-regular";
    font-size: 1.2rem;
  }
  
  .nav-item, .nav-link, .dropdown-item, .dropdown-menu {
    background: #023e7d;
    color: #FEFEFE;
    border-radius: 0%;
  }
  
  .nav-item:hover, .nav-link:hover, .dropdown-item:hover, .dropdown-menu:hover {
    background: #3e78b1;
    color: #FEFEFE;
  }
  
  .active {
    background: #FEFEFE;
    color: #023e7d;
  }
  
  h1 {
    color: #fca311;
    font-family: eczar;
    font-size: 4em;
    font-weight: 600;
  }
  
  h2 {
    color: #83b3da;
    font-family: eczar;
    font-size: 2.5em;
  }
  
  h3 {
    color: #FEFEFE;
    font-family: merriweather;
    font-size: 1.6em;
  }
  
  p {
    color: #E2E7ED;
    font-family: lora;
    font-size: 1.25em;
  }
  
  .subtitle-font {
    color: #E2E7ED;
    font-style: italic;
    font-size: 0.8em;
  }
  
  /* 
  
  /* <uniquifier>: Use a unique and descriptive class name */
  /* <weight>: Use a value from 400 to 800 
  
  .eczar-<uniquifier> {
    font-family: "Eczar", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  } */