body {
  font-family: Ysabeau;
  color: var(--secondary-color);
}
.faqs-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faq-item {
  width: 80vw;
  margin: 1rem;
  border: none;
}
.item-question {
  background: linear-gradient(to right, hsl(30 80% 45%), hsl(30 80% 67%));
  color: white;
  font-size: 1.2rem;
  padding: .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
  border-radius: 7px;
}
.item-answer {
  padding: 2rem;
  display: none;
  font-size: 1.2rem;
}
.arrows-container {
  font-size: 2.5rem;
}

/*making dropdowns interactive*/
.close {
  display: none;
}
.item-question:hover {
  cursor: pointer;
}
.show-answer .item-answer {
  display: block;
}
.show-answer .close {
  display: inline;
}
.show-answer .expand {
  display: none;
}



@media (min-width: 800px) {
  .faq-item {
    font-size: 1rem;
    width: 60vw;
  }
}