:root {
  --color0: #000;
  --color1: #111;
  --color2: #222;
  --color3: #333;
  --color4: #444;
  --color5: #555;
  --color6: #666;
  --color7: #777;
  --color8: #888;
  --color9: #999;
  --colora: #aaa;
  --colorb: #bbb;
  --colorc: #ccc;
  --colord: #ddd;
  --colore: #eee;
  --colorf: #fff;
  --colorz1: #49452b;
  --colorr1: #ddd9c5;
}

:root {
  --font: "Microsoft JhengHei", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font);
  margin: 0;
}

body {
  font-family: var(--font);
  background-color: var(--colorf);
  font-size: 16px;
  color: var(--color0);
  margin: 0;
  padding: 0;
}

.accordion-button::after {
  background-image: url(../images/material-symbols_add.svg);
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/material-symbols_add1.svg);
}

.accordion-button:not(.collapsed) {
  background-color: var(--colorr1);
  color: var(--colorz1);
}

.accordion-item {
  border: none;
  margin-bottom: 14px;
}

.accordion-button {
  border-radius: 0 !important;
  background: #fafafa;
  color: var(--color0);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

@media (min-width: 768px) {
  .accordion-button {
    font-size: 20px;
  }
}

.accordion-button:focus {
  box-shadow: none;
}