body { background-color:lightcoral; text-align: center; font-size: large;}

ul { list-style: none; }

#display1 { width: 40%; height: 0%; }
#display2 { width: 20%; height: 20%; }

#totalDisplay1 { float: left; width: 50%; }

#subtitle, #caption1, #caption2, #dateLabel { font-size: larger; }

#main { width: 100%; overflow: hidden; }

#details { text-align: left; font-size: larger; margin-top: 5em; }

/* from W3Schools' CSS Tutorial */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}