body {
    --kaiden-black: #1A1A1A;
    --kaiden-white: #E8E9E4;
    /*--kaiden-lightgreen: #6F9692; */
    --kaiden-lightgreen: #84aba7;
    --kaiden-midgreen: 4D635E;
    --kaiden-darkgreen: #222927;
    background-color: var(--kaiden-black);    
    color: var(--kaiden-white);
    font-family: roboto;
    font-weight: 300;
    color: var(--kaiden-lightgreen);
}

a {
    /* color: #bbbbff; */
    color: #00eaff;
    text-decoration: none;
}

a:visited {
/*    color: #8383de; */
    color: #00919e;
}

section.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 1cm;
    margin-right: 1cm;
    margin-bottom: 4em;
}
h1, h2, h3, h4 {
    color: var(--kaiden-white);
}

h1 {
    text-align: center;
}

h1 img.logo {
    width: 10cm;
}

h2, h3 {
    font-weight: 400;
}
h2 {
    text-align: center;
    margin-bottom: 1em;
    font-size: 28pt;
}

/*
ul {
    list-style: none;
}*/

li::marker {
    color: var(--kaiden-white);
}

li {
    margin-top: 0.3em;
}

div.headlineArea {
    position: relative;
    width: 80%;
    
}

nav.rightMenu, nav.leftMenu {
    position: absolute;
    top: 4em;
    font-weight: 400;
    border-bottom: solid 3px var(--kaiden-white);
    padding-bottom: 4px;
}

nav.rightMenu {
    right: 1em;
}

nav.leftMenu {
    left: 1em;
}

nav.rightMenu a, nav.leftMenu a {
    color: var(--kaiden-white);
}

nav.rightMenu:hover, nav.leftMenu:hover {
    border-color: var(--kaiden-lightgreen);
}

nav.rightMenu:hover a, nav.leftMenu:hover a {
    color: var(--kaiden-lightgreen);
}

section.content div.infoBlock {
    max-width: 40em;
    line-height: 1.5;
}

section {
    margin-top: 2em;
}

section.textContent {
    max-width: 50em;
}

div.people {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}

div.people div.person {
    max-width: 20em;
    background: var(--kaiden-darkgreen);
    padding: 1.3em;
    min-width: 15em;
}

div.people div.person div.profile {
    text-align: center;
}

div.people div.person h3 {
    text-align: center;
}

div.people div.person div.profile img {
    max-width: 10em;
}

div.people div.person div.description {
    font-size: 12pt;
}

div.people div.person div.tagline, 
div.people div.person div.contact {
    margin-top: 1.3em;
    font-size: 11pt;
}

div.people div.person div.contact p {
    margin-top: 0.2em;
    margin-bottom: 0.3em;
}