/* brown darkred firebrick maroon ✝ */

/* these should be the first two rules, they are noop, but do not modify them,
   since they are used in JavaScript in header.php */
.fr {
    hyphens: auto;
}
.ro {
    hyphens: auto;
}

body {
    hyphens: auto;
    text-align: justify;
}

h2, address {
    text-align: center;
}

h2, h3, h4, strong {
    color:darkred;
}

hr {
    height:2px;
    background-color:red;
}

.motto {
    text-align:center;
    color: darkred;
    background-color: whitesmoke;
    font-size:smaller;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid gainsboro;
    background-color: whitesmoke;
    display: flex;
    flex-wrap: wrap;
}

nav li a {
    display: block;
    color: darkred;
    padding: .5em 1em;
    text-decoration: none;
    /*border-bottom: 3px solid darkred;*/
}

nav li a:hover:not(.active) {
    color: white;
    background-color: darkred;
}

nav li a.active {
    color: white;
    background-color: darkred;
    /*border-bottom: 3px solid darkred;*/
}