* {
    font-family: serif;
    font-size: inherit;
    line-height: inherit;
}

body {
    margin: 2em;
    font-size: 18px;
    line-height: 1.4;
}

div.wrap {
    max-width: 640px;
    margin: 0 auto;
}

h1 {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
}
h1 span {
    display: block;
    font-size: 66%;
}

a {
   text-decoration: none;
   color: #000000;
}

div#languages {
   margin: 0.5em -0.3em;
   text-align: right;
   display: none;
}

div#languages a {
   padding: 0.3em;
}
div#languages a.active {
   border-bottom: 2px solid #000000;
}

/* div[lang="en"] {
   display: none;
} */

p {
    text-align: justify;
    
    word-wrap: break-word;
    overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

p.names {
    text-align: left;
-webkit-hyphens: unset;
   -moz-hyphens: unset;
        hyphens: unset;
}

p.small {
    font-size: 90%;
}

a {
-webkit-hyphens: unset;
   -moz-hyphens: unset;
        hyphens: unset;
    white-space: nowrap;
}

.left {
    text-align: left;
}

.nohyphens {
-webkit-hyphens: unset;
   -moz-hyphens: unset;
        hyphens: unset;
}

@media (max-width: 600px) {
    body {
        margin: 2em 1em;
    }
}