body { font-family: 'Open Sans', verdana, serif; font-size: 14px; background-color: lightyellow } .course_header { text-align: center; background-color: lightgreen; } .course_number_term { background-color: lightgreen; font-size: 14px; font-weight: bold; text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; float: left; } .course_title { background-color: lightgreen; font-size: 20pt; font-weight: bolder; text-align: center; padding-left: 20px; padding-right: 20px; float: left; } .blah { font-size: 24pt; background-color: lightgreen; } .course_subtitle { font-size: 14pt; } .session_header { text-align: center; font-size: 32px; font-weight: bold; color: black; background-color: aqua; /* was #CCFFFF; */ border-top: gray 3px solid; border-bottom: gray 3px solid; } .session_number { font-size: 48px; } .flex-container { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; background-color: lightgreen; } .flex-item { background-color: cornflowerblue; width: 75px; height: 75px; margin: auto; } /**/ /**/ /**/ /*
*/ /*
flex item 1
lkjl
*/ /*
flex item 2
*/ /*
flex item 3
*/ /*
*/ section.quiz { }