.syllabus_items {
}
.syllabus_item {
display: flex;
border-style: none;
margin: 0.2em;
}
.syllabus_item button {
background-color: aqua;
border: solid black;
width: 200px;
margin: 10px;
padding: 3px 8px;
text-align: center;
text-decoration: none;
display: block;
font-size: 14px;
font-weight: 300;
border-radius: 18px;
}
.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;
}
/*</style>*/
/*</head>*/
/*<body>*/
/*<div class="flex-container">*/
/*<div class="flex-item">flex item 1<br> lkjl </div>*/
/*<div class="flex-item">flex item 2</div>*/
/*<div class="flex-item">flex item 3</div>*/
/*</div>*/
section.quiz {
}