/* --- animated effect top --- */
#top {
 background-color: #000000 !important;
 background-image: radial-gradient(ellipse 70% 60% at 50% 120%, rgba(160, 15, 0, 0.30) 0%, rgba(80, 5, 0, 0.12) 50%, transparent 70%) !important;
 border-bottom: 2px solid rgba(255, 55, 0, 0.5) !important;
 animation: hiddenLight 6s ease-in-out infinite !important;
}

#header {
 background-color: #000000 !important;
 background-image: radial-gradient(ellipse 70% 60% at 50% 120%, rgba(160, 15, 0, 0.30) 0%, rgba(80, 5, 0, 0.12) 50%, transparent 70%) !important;
 border-bottom: 2px solid rgba(255, 55, 0, 0.5) !important;
 animation: hiddenLight 6s ease-in-out infinite !important;
 animation-delay: 3s !important;
}

@keyframes hiddenLight {
 0%, 100% {
 box-shadow: 
 inset 0 0 30px 5px rgba(120, 5, 0, 0.04),
 inset 0 -10px 40px rgba(180, 10, 0, 0.05);
 }
 50% {
 box-shadow: 
 inset 0 0 80px 25px rgba(160, 10, 0, 0.13),
 inset 0 -10px 60px rgba(220, 30, 0, 0.10),
 inset 0 0 15px 2px rgba(255, 80, 0, 0.04);
 }
} 
 
/* --- Fixed tone independent of the mode --- */
#top {
 background-color: #000000 !important;
 border-bottom: 2px solid rgba(255, 55, 0, 0.6) !important;
}

#header {
 background-color: #000000 !important;
 border-bottom: 2px solid rgba(255, 55, 0, 0.6) !important;
 box-shadow: inset 0 0 60px rgba(180, 20, 0, 0.08) !important;
}