//Função de adapitação do menu e da tela do ambiente do usuário, resumidamente ao apertar na seinha do menu, todo o ambiente do usuário é reajustado, enquanto da mesma forma ao pertar a setinha novamente todo o ambiente do usuário retornar ao seu laouyt tradicional


//Aqui são as variaveis que conectao todos esses elementos, dentre elas:
//botão conecta o pontao de condicional da ação
//cabecario elemento pertencente da tela do usuário
//tela seria o iframe que apresenta todas as informações do ambiente do usuário
//menu seria os elementos visuais do usuário
//temas seria alguns elementos do proprio menu
var botao = document.querySelector('#menu')
var cabecario = document.querySelector('.cabecario_1')
var tela = document.querySelector('.transmissão')
var menu = document.querySelector('.capitulo_1')
var temas = document.querySelectorAll('.item_menu')


//Aqui se aplica o evento de cliente, sobre afunção que aplica as classes no menu caberio e telas
botao.addEventListener('click', function () {
    menu.classList.toggle('expansao');
    cabecario.classList.toggle('expansao');
    tela.classList.toggle('expansao');

});

function selectLink() {
    temas.forEach((item) =>
        item.classList.remove('ativo')
    )
    this.classList.add('ativo')
}
temas.forEach((item) =>
    item.addEventListener('click', selectLink))