.logo {
    width: 100%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    }

.main {
    background-color: #f3e8e8;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
  }

.aside {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.footer {
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #421a20;
    color: white;
    text-align: center;
}

.h1 {
    margin-top: 2rem;
    }

.h2 {
    margin-top: 1rem;
    }

.accordion {
    --bs-accordion-btn-focus-box-shadow: #000000;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #998e8e;
    --bs-accordion-icon-active-color: #998e8e;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }

 
 .btn {
    background-color: #421a20;
    color: white;
    border-color: #ffffff;
    }