Predefinição:WpDH2024/style.css

h2 {
	font-weight: bold;
}
.headline {
	font-size: 150%;
	text-align: center;
	color:#000000;
	font-weight:bold;
	border-width:1px 0;
	border-style:solid;
	border-color:#000000;
	padding:0.1em;
}

	.header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	gap:0.8em;
}

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

.header_menu a.selflink {
	background-color:#FFFFFF;
	flex:1;
	padding:1.2em;
	border-bottom: 0.8em solid #339766;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #339766;
}

.header_menu a:hover:not(.selflink) {
	background-color:#f6f6f6;
	border-bottom: 0.8em solid #339766;
	text-decoration: none;
	color: #339766;
}

.sub_header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	gap:0.8em;
}

.sub_header_menu a:not(.selflink) {
	background-color:gainsboro;
	flex:1;
	padding:0.8em;
	transition: all 500ms ease;
	border-bottom: 0.5em solid white;
	text-decoration: none;
	font-size: 1em;
	color: #000000;
}

.sub_header_menu a.selflink {
	background-color:#339766;
	flex:1;
	padding:0.8em;
	border-bottom: 0.5em solid #339766;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
}

.sub_header_menu a:hover:not(.selflink) {
	background-color:#f6f6f6;
	border-bottom: 0.5em solid #339766;
	text-decoration: none;
	color: #000000;
}

@media screen and (max-width: 600px) {
	.header_menu a { padding: 0.5em !important;	}
	.sub_header_menu a { padding: 0.5em !important;	}
	.relato { gap: 0 !important; flex-direction:column !important }
}