Predefinição:Saúde Planetária e Comunicação Humana/style.css

.header_image { padding:0 0 3em 0; }

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

.header_menu a:not(.selflink) { 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 a.selflink { background-color:#FFFFFF; flex:1; padding:1.5em; border-bottom: 0.8em solid #4B52D1; text-decoration: none; font-size: 1.15em; font-weight: bold; color: #4B52D1; }

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

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

.sub_header_menu a:not(.selflink) { 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; }

.sub_header_menu a.selflink { background-color:#FDBD47; flex:1; padding:1.5em; border-bottom: 0.8em solid #FDBD47; text-decoration: none; font-size: 1.15em; font-weight: bold; color: #000000; }

.sub_header_menu a:hover:not(.selflink) { background-color:#f6f6f6; border-bottom: 0.8em solid #FDBD47; 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 } }