@font-face {
  font-family: 'Lil Grotesk';
  src: url('../lilgrotesk/LilGrotesk-Regular.otf') format('truetype');
}

@font-face {
  font-family: 'Blinds Audience';
  src: url('../blindsaudience/Blinds\ Audience.otf') format('woff');
}


.home {
  position:absolute;
  left:5%;
  top:5%;
  width:2em;
  height:2em;
}

h1 {
    text-align:center;
    margin:2em;
    font-family:'Blinds Audience', sans-serif;
}

.faq-container {
    width: 100%;
  }
  
  .faq-item {
    margin-bottom: 20px;
    margin-left:3em;
    margin-right:3em;
    border-bottom: solid #996D2F 1px;
    padding-bottom:10px;
  }
  
  .faq-question {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family:'Blinds Audience',sans-serif;
  }
  
  .faq-arrow {
    margin-right: 10px;
    transition: transform 0.3s ease;
  }
  
  .faq-text {
    font-weight: bold;
    text-align:justify;
  }
  
  .faq-answer {
    display: none;
    margin-top: 10px;
    font-family:'Lil Grotesk',sans-serif;
  }
  
  .faq-answer.show {
    display: block;
  }
  
  @media screen and (max-width:700px){

    body{
      width:100%;
    }
    .faq-question{
      text-align:left;
    }
    .faq-answer {
      font-size:1.5em;
      text-align:left;
    }

    .faq-text {
      text-align:left;
    }

    .faq-arrow {
      font-size: 1em; 
  }

  h1{
    font-size:25px;
    margin:3em 0 2em 0;
  }

  .faq-question{
    font-size:1.5em;
  }

  .home {
    top:2%;
  }
}