#faq{
    display:flex;
    flex-direction:column;
    font-family:Viga;
    width:100vw;
    padding:0vw 5vw 0vw 5vw;

}
#faq .page-title{
    color:var(--theme-gold1);
    font-size:56px;
}
#faq h2{
    font-size:40px;
    text-decoration: underline;
    color:var(--orc-accent-2);
    
}
#faq summary{
    font-size:28px;
    text-align:center;
}
#faq details > div{
    text-align:center;
    background-color: rgba(0,0,0,0.2);
    font-size: 24px;
}
.faq-grid{
    display: grid;
    grid-template-columns: repeat(2,minmax(120px,1fr));

}
/* Minimal styles */
details.faq .faq-body {
  overflow: hidden;
  height: 0;                 /* JS will toggle */
}
@media (prefers-reduced-motion: no-preference) {
  details.faq .faq-body { transition: height 280ms ease; }
}
.faq-page a{
    background-color:var(--orc-accent-2);
    padding:0px 10px 0px 10px;
    border-radius:25px;
    color:white;
}
.faq-page a:hover{
    transition:0.5s;
    color:black;
    background-color:var(--theme-green-shade1);
    width:110%;
    border:2px black solid;
    transform: translateX(-5%);
}