/***Colori***/
:root {
  --viola: #7C536E;
  --verde: #242424;
  --grigio: #918C84;
  --testo: #f9f7f3;
}
/**************Font*********************/
@font-face {
  font-family: testi;
  src: url(/font/NeueMontreal-Regular.otf);
}
@font-face {
  font-family: titoli;
  src: url(/font/aAkhirTahun.otf);
}
button{
  font-family: 'titoli';
  font-size: 16px;
}
p{
  font-family: 'testi';
  margin-bottom: 0;
}
.viola{
  color: var(--testo);
  background-color: var(--viola);
}
.verde{
  color: var(--testo);
  background-color: var(--verde);
}
.grigio{
  color: var(--testo);
  background-color: var(--grigio);
}
.bold{
    font-weight: bold;
    text-transform: uppercase;
}
.accordion-button:not(.collapsed) {
  color: var(--verde);
  background-color: var(--testo)!important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: none; 
}
.accordion-item:last-of-type .accordion-button.collapsed{
  border-radius: 0;
}
.accordion-button {
  font-size: 2rem!important;
  border-bottom: 1px solid #fff;
} 
.logo{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.logo img{
  width: 100%;
}
.logo a{
  color: #fff;
  font-size: 25px;
}