Predefinição:Preparação para as Olimpíadas Brasileiras de Educação Midiática (OBEM)/style.css

.header_image {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	width: 100%;
	background-color: #00679B;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.header_image img { max-width: 100%; height: auto; }
.header_image figure { margin: 0; }

.header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	font-family: "Montserrat", "sans serif";
	gap:0.8em;
}

.header_menu a {
	background-color:gainsboro;
	flex:1;
	padding:1.5em;
	transition: all 500ms ease;
	border-bottom: 0.8em solid white;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
	color: #000000;
}

.header_menu .active-menu-item + a {
	background-color:#FFFFFF;
	transition: none;
	border-bottom: 0.8em solid #00679B;
	color: #00679B;
}

.header_menu a:hover {
	background-color:#f6f6f6;
	border-bottom: 0.8em solid #00679B;
	text-decoration: none;
	color: #00679B;
}
.header_menu .active-menu-item + a:hover {
	background-color: #FFFFFF;
}

.content-block { padding: 1em; }

.content_marker {
	display: inline-flex;
	justify-content: center;
	width: 2em;
	border-radius: 1.5em;
	background-color: #00679B;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
    margin-right: 1em;
}

@media screen and (max-width: 600px) {
	.header_menu a { padding: 0.5em !important;	}
	.content-block { padding: 0 0.5em !important; }
}

.content h1 { font-weight: bold; font-family:"Montserrat", "sans serif"; color: #00679B; }
.content h2 { font-family:"Montserrat", "sans serif"; color: #00679B; border-bottom: none; }
.content .mw-heading { border-bottom: none }
.block_content { padding:1em; border: 2px dashed #00679B; border-radius: 1em; margin-bottom: 1em;}