/* h1, h2, h3, h4, h5 {
font-family:system-ui;
letter-spacing: -1px;
} */
.headline {
font-size: 150%;
text-align: center;
color:#000000;
font-weight:bold;
border-width:1px 0;
border-style:solid;
border-color:#000000;
margin-top: 20px;
padding-top:20px;
padding-bottom:20px;
}
.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 #44a5d5;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
color: #44a5d5;
}
.header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.8em solid #44a5d5;
text-decoration: none;
color: #44a5d5;
}
.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:#44a5d5;
flex:1;
padding:0.8em;
border-bottom: 0.5em solid #44a5d5;
text-decoration: none;
font-size: 1em;
color: #FFFFFF;
}
.sub_header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.5em solid #44a5d5;
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 }
}