.bg-brown-dark-3
{
    background-color: #362418;
}

.bg-brown-dark-2
{
    background-color: #8b5831;
}

.bg-brown-dark-1
{
    background-color: #B47E49;
}

.bg-brown-dark-0
{
    background-color: #e4C186;
}

.bg-light-cream
{
    background-color:rgb(243,233,215);
}

.text-light-cream
{
    color:rgb(243,233,215);
}
.text-brown-dark-3
{
    color: #362418;
}

.text-brown-dark-2
{
    color: #8b5831;
}

.text-brown-dark-1
{
    color: #B47E49;
}

.text-brown-dark-0
{
    color: #e4C186;
}

.cinzel-500 {
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    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;
  }
  
  .custom-btn {
    background-color: #362418 !important;
    border-color: #362418 !important;
  }

  .custom-btn:hover {
    background-color: #4c3425 !important;
    border-color: #4c3425 !important;
  }

.test
{
  max-height:18vh;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h1,h2,h3{
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;

}

h1{
  font-size: 1.8rem;
}
h2{
  font-size: 1.4rem;
}

h3{
  font-size: 1.2rem;
}

footer{
  font-size: 0.6rem;
  color:rgb(243,233,215);
}

footer a{
  color:rgb(243,233,215);
}

footer a:hover
{
  color:#e4C186;
}