Predefinição:MOOC/style.css

h2, h3, h4 { text-align:center; font-family:Montserrat, sans-serif;	font-weight: bold; }
h2 { font-size: 1.75em; border-bottom: 5px solid #F5B400; width:auto; margin:2em 0 1em 0; }
h3 { font-size: 1.25em; border-bottom: 5px solid #006499; width:auto; margin:1em 0; }

a { color:#006499; font-style: italic }
li::marker { content: '◆ '; font-size: 1.2em; color:#006499}

#header { background-color:#006499; color:#FFFFFF; padding:4em 2em; text-transform:uppercase; font-weight:bold; text-align:center; font-size: 250%; margin-bottom:1em; }
#datas_importantes { border-radius:2em; margin: 2em 0 0 0; overflow:hidden}
#datas_importantes_header h2 { color:#000000; background-color:#F5B400 ; line-height:2; margin:0; }
#datas_importantes_content { background-color:#FFDA75; padding:1em; }

#topics { column-count:2; }

/* ÍNDICE */
#custom_sections { position: sticky; top:0; height:0; width:25% }
#custom_sections ul { padding-right: 1em }

.meta-container { display:grid; background-color: #FFFFFF; font-family:Montserrat; line-height:1.75; padding: 1em}
.container { width:50%; margin: 0 auto; }
.photos { border-radius:100%; overflow:hidden; height:200px; width:200px; margin-left: 1em}
.person { margin-bottom:2em; }

@media screen and (max-width:1080px) {
	.container { width:100% }
	.meta-container { display:block; padding:0 }
	.photos img { max-width:unset !important }
	.photos { float: none; margin:0 auto; }
	#custom_sections { display: none }
	#topics { column-count:1; }
	#header { padding: 0.5em; }
}