.etAl {
    background-color: white;
    color: black;
} 

.solarCoaster {
    background-color: #4090f5;
    color: white;
}

.solarCoasterNight {
    background-color: black;
    color: white;
}

.solarCoasterDay {
    background-color: #40f0f5;
    color: white;
}

.solarCoasterMorningTwilight {
    background-color: #a000ff;
    color: white;
}

.solarCoasterEveningTwilight {
    background-color: #FF0082;
    color: white;
}

.goProgram {
    background-color: white;
    color: black;
}

a {
    color:#0000EE;
}

/* Dark mode. */

@media (prefers-color-scheme: dark) {
    
    .etAl {
        background-color: #404040;
        color: white;
    }
  
    .solarCoaster {
        background-color: black;
        color: white;
    } 
    
    .goProgram {
        background-color: white;
        color: black;
    }

    a {
        color:#0098EE;
    }
    
}

.etAl, .solarCoaster, .solarCoasterNight, .solarCoasterDay, .solarCoasterMorningTwilight, .solarCoasterEveningTwilight, .goProgram {
    max-width:800px;
    margin:0px auto;
    padding:8px;
    font-family: 'HelveticaNeue', 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', LiberationSans, sans-serif;
}

/* Image sizes, */

@media screen and ( max-width: 320px ) {
    .responsiveImg { width: 318px; }
}

@media screen and ( min-width:321px ) and ( max-width: 800px ) {
    .responsiveImg { width: 800px; }
}

.responsiveImg {
    height: auto;
}