не знаю , в чем проблема. Я удалил CSS для color:
Второй вопрос
document.querySelectorAll('.descrip a h1').forEach(el => { 
	el.style.color ='blue';
 
	el.addEventListener('mouseenter', () => {
		 el.style.color = 'red'; });
	el.addEventListener('mouseleave', () => {
		 el.style.color = 'yellow'; });
	} );
чуть лопухнулся, скобки не поставил, но суть вопроса не меняется -- все равно события мыши не работают. 
Вопрос: как увидеть   'red' и   'yellow' ?
первые 2 строки работают, все события мыши нет. 
Сайт выше. В DT все видно и можно менять.