/* Base styles */
body {
    background-color: rgb(236, 240, 226) !important;
}

.header {
    color: rgb(107,112,92);

}

/* Typography */

.marck {
  font-family: "Marck Script", cursive;
  font-weight: 400;
  font-style: normal;
  
}

.cedarville {
  font-family: "Cedarville Cursive", cursive;
  font-weight: 400;
  font-style: normal;
  
}

.great-vibes-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.caveat-400 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.caveat-600 {
  font-family: "Libre Baskerville", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.raleway-text {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

p {
   
}

.cc{
  font-family: Arial, Helvetica, sans-serif;
}

/* Buttons and Navigation */
.btn-primary {
    color: white !important;
    background-color: rgb(85, 107, 47) !important;
    border-color: green !important;
    /*font-family: "Libre Baskerville", serif;*/
    font-optical-sizing: auto;
    font-style: normal;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-link.active {
    color: white !important;
    background-color: rgb(85, 107, 47) !important;
}

.nav-link {
    color: rgb(39, 107, 39) !important;
    transition: all 0.3s ease;
    font-size: large;
}

.nav-link:hover {
    transform: translateY(-2px);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}
