.bg-p{
  background-color: #cda45e !important;
}
.bg-s{
  background-color: #f7e497 !important;
}
.bg-1{
  background-color: #3e3827 !important;
}
.bg-2{
  background-color: #242015 !important;
}
.bg-3{
  background-color: #221c0a !important;
}
.bg-4{
  background-color: #201919 !important;
}


.color-p{
  color: #cda45e !important;
}
.color-s{
  color: #f7e497 !important;
}
.color-1{
  color: #242015 !important;
}
.color-2{
  color: #3e3827 !important;
}
.color-3{
  color: #f0dfac !important
}
.color-4{
  color: #aaaaaa !important;
}


.border-color-p{
  border-color: #cda45e !important;
}
.border-color-s{
  border-color: #f7e497 !important;
}
.border-color-1{
  border-color: #3e3827 !important;
}
.border-color-2{
  border-color: #242015 !important;
}
.border-color-3{
  border-color: #221c0a !important;
}
.border-color-4{
  border-color: #201919 !important;
}

.accordion-button:not(.collapsed) {
  color: #cda45e !important;
}

.accordion-button.collapsed {
  color: #f7e497 !important;
}

header{
  position: relative;
  padding-top: 4rem;
  background-color: #3e3827;
  z-index: 3;
}

.zoomed{
  width: 350px !important;
  height: 350px !important;
  z-index: 30;
  position: absolute;
  left: 10px;
  transition: 500ms ease-in;
  max-width: 100%;
}
.zoom{
  width: 70px !important;
  height: 70px !important;
  left: 10px;
  position: absolute;
  transition: 300ms ease-out;
  z-index: 2;
}