section.intro{
    margin: 3em 0 0 0;
}
section.intro h2{
    margin: 1em 0 0 0;
}
section.intro p{
    margin: 2em 0 0 0;
}
section.intro .bad_pagespeed_grade{
    display: block;
    width: 100%;
}
@media only screen and (min-width: 541px), only screen and (min-device-width: 541px){
    section.intro .bad_pagespeed_grade{
        max-width: 770px;
        aspect-ratio: 770/499;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width: 540px){
    section.intro .bad_pagespeed_grade{
        max-width: 540px;
        aspect-ratio: 540/350;
    }
}

section.faq{
    margin: 3em 0 0 0;
}
section.faq .perguntas{

}
section.faq .perguntas .pergunta{
    margin: 1em 0 0 0;
    border: 1px solid var(--principal);
    border-radius: 2px;
}
section.faq .perguntas .pergunta h3{
    padding: 10px;
    background: var(--dourado);
    cursor: pointer;
}
section.faq .perguntas .pergunta h3:hover{
    background: var(--dourado_hover);
}
section.faq .perguntas .pergunta p{
    padding: 10px;
}
/*section.faq .perguntas .pergunta:not(:first-child) p{
    display: none;
}*/

section.instalacao{
    margin: 3em 0 0 0;
}
section.instalacao .instrucoes{
    margin: 1em 0 0 0;
}
section.instalacao .p1{
    padding: 0 1em 0 1em;
}

section.changelog{
    margin: 3em 0 0 0;
}
section.changelog .flex{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2em;
    margin: 1em 0 0 0;
    border: 1px solid var(--principal);
    border-radius: 2px;
}
section.changelog .flex .versao{
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px;
}
section.changelog .flex .atualizacoes{
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px;
    border-left: 1px solid var(--principal);
}

section.roadmap{
    margin: 3em 0 0 0;
}
section.roadmap p{
    margin: 1em 0 0 0;
}