@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=Merriweather&display=swap');

/* css styles */
/* Set background color for the title banner */
/*.quarto-title-banner {
  background-color: #006661;  /* Choose any hex code or color name */
 /* color:white;               /* Ensure text is readable */
  /* padding: 4rem 2rem;         /* Optional: adjust padding */
  /*text-align: center;
} 

/* Optional: Style the title and author text */
/*.quarto-title-banner .title,
.quarto-title-banner .subtitle,
.quarto-title-banner .author {
  color: white;  /* Makes text stand out */ 
/*} */

body {
  font-family: 'Fira Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: 'Merriweather', serif;
}

.navbar {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
}
/* Adds space (margin-right) between the title and the navbar items */
.navbar-brand {
  margin-right: 100px;  /* Adjust spacing as needed */
}
/* Style the website title (navbar-brand) */
.navbar-brand {
  font-weight: bold;        /* Make the title bold */
  color: #0c5b52 !important; /* Change to any color you want; this example is teal */
  font-size: 1.7rem;        /* Optional: make it a bit bigger */
}

/* Adds space to the left side of the main content area */
.main-content {
  padding-left: 30px;  /* You can adjust the value as needed */
}
/* Sidebar content styling */
.sidebar-item {
  padding-left: 22px;
}

.sidebar-item + .sidebar-item {
  margin-top: 22px;
}