Cambiar color bg
Escribir el marcado html para los efectos

Efectos del body afectan a toda la página.
Efectos del header afectan solo dentro del header
Reordenar el css por capas de los efectos
Adaptar estilo evento actual a vista noche
Suavizar degradado de fondo y estilar div de evento actual
Reordenar html y css

Todos los efectos están en un div a un solo nivel después del body. Y
el css está ordenado igual.
Centrar dia, número y mes
Aclarar color de fuente en evento actual
Colocar sol y ordenar z-index del los rayos
Añadir nubes sin movimiento
Animar destellos
Calibrar destellos
Recalibrar destellos
Solucionar problema de overflow hidden
Solucionar problema de overflow hidden en los destellos
Ordenar animaciones en general
Añadir figuras geométricas en css para simular destellos de sol
Añadir un 5º destello y simplificar el html y css
Ordenar los destellos apunto de animarlos
Animar el contenedor de los destellos

Modificar el angulo del eje y la distancia con left