//declarei as constantes dos botões de duas formas diferentes.
const html = document.querySelector('html');
const btnFoco = document.getElementsByClassName('app__card-button--foco')[0];
const btnLongo = document.getElementsByClassName('app__card-button--longo')[0];
const btnCurto = document.querySelector('.app__card-button--curto');
btnFoco.addEventListener('click',() => {
html.setAttribute('data-contexto', 'foco');
});
btnLongo.addEventListener('click', () => {
html.setAttribute('data-contexto','descanso-longo');
});
btnCurto.addEventListener('click',() => {
html.setAttribute('data-contexto','descanso-curto');
})