.syllabus_header { text-align: center; font-size: 300%; font-weight: bold; } section.syllabus { } .syllabus_buttons { float: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .syllabus_buttons button { background-color: inherit; border: none; border-bottom: 3px solid #b3b300; font-size: 125%; color: purple; margin: 10px 30px; width: 100px; } button.with_subtitle { margin-bottom: 0; } p.button_subtitle { font-size: 50%; text-align: center; margin-left: 30px; margin-right: 30px; margin-top: 0; width: 100px; } div.syllabus_buttons button:hover { background-color: #b3b300; } div.syllabus_contents iframe { display: none; /* start hidden */ border: 2px solid grey; background-color:lightyellow; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 10px; width: 95%; height: 800px; padding: 10px; } h2.syllabus_content_header { text-align: left; font-size: 150%; } h3.syllabus_content_header { text-align: left; font-size: 120%; } div.syllabus_chunk { float: left; border: 3px solid black; margin: 10px; padding: 10px; } div.small_chunk { width: 13%; } div.normal_chunk { width: 32% } div.half_size_chunk { width: 45%; } div.third_size_chunk { width: 25%; } div.large_chunk { width: 50% } .syllabus_item_name { font-size: 18px; font-weight: bolder; } .syllabus_content { border: solid black; margin: 1em; padding: 0.5em; } /*.syllabus_content_header {*/ /*font-size: 1.33em;*/ /*border-bottom: #111111 1px solid;*/ /*}*/ .syllabus_content_lengthy_header { font-size: 1.1em; border-bottom: #111111 1px solid; } .show_hide { font-size: 12px; font-weight: normal; margin-bottom: 3px; padding: 0; } /*.syllabus_header {*/ /*text-align: left;*/ /*font-size: 24px;*/ /*font-weight: bold;*/ /*color: black;*/ /*padding-left: 20px;*/ /*background-color: aqua; !* was #CCFFFF; *!*/ /*margin-top: 20px;*/ /*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 {*/ /*}*/