html { height: 100%; }
body { 
    background-color: #BDF;  
    background-image: linear-gradient(to top, #D8B8AA, #FFC080, #E0E4B8 20%, #BDF, #9BF, #8AF);
    min-height: 100%; 
}
h1 { text-align: center; color: #00B; }
h3 { background-color: #00B; color: #FD0; padding: 5px; }
/* linear-gradient(to top, #E0B078, #E0E4B8 20%, #BDF, #9BF); linear-gradient(to top, #D8B8AA, #FFD080, #E0E4B8 20%, #BDF, #9BF); With Yellow: linear-gradient(to top, #D8B8AA, #FFE080, #E0E4B0 20%, #BDF, #9BF); */