html {
    font-family: Verdana, Helvetica;
    font-size: 14pt;
    line-height: 150%;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

article {
    display: flex;
    flex-direction: column;
    align-items: left;

    max-width: 960px;
    margin: auto 3ex;
}

section.outer {
    display: flex;
    flex-direction: column;
    align-items: left;
}

h1, h2, h3 {
    color: #36a;
    text-align: left;
    margin-top: 1.5rem;
    margin-left: 0.5rem;
    margin-bottom: 1.0rem;
}

h1 {
    font-size: 180%;
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 120%;
}

p {
    margin-left: 0.5rem;
}

a {
    text-decoration: none;
}

img {
    margin: 1rem;
}

img.left {
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    margin-left: 0.5rem;
    width: 300px;
}

img.header {
    margin-top: 1rem;
}


/* container to encapsulate a linked image as one element */
div.thumbnail {
    margin: 0.5rem 1rem 0.5rem 0.5rem;
    padding: 0;
}

div.left {
    float: left;
}

div.thumbnail img {
    margin: 0;
    width: 200px;
}

/* all header-3's that follow a header div */
div.header + h3 {
    margin-top: 2.5rem;
}

ul.signature {
    margin-top: 1.5rem;
    margin-left: 0.5rem;
    padding-top: 1rem;
    padding-left: 0rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, #000 50%, transparent 50%) 100% 1;

    list-style-type: none;
    list-style-position: outside;
}

@media screen and (max-width: 480px) {
    div.header {
	margin-top: 2.5rem;
    }
    div.header + h3 {
	clear: both;
    }
}
/* Initial CSS file created by Evert Rol, 2024-04-03 */