/* -*- mode: css; indent-tabs-mode: nil; -*- */

@media only screen and (min-width: 1024px) {
    body {
        max-width: 1024px;
    }
}

@media only screen {
    body {
        width: 80%;
    }
}

@page {
    size: auto;
    margin: 0.4in 0.4in 0.4in 0.4in;
}

@font-face {
    font-family: 'NotoSerif';
    src: url(files/fonts/NotoSerif-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerif';
    src: url(files/fonts/NotoSerif-Italic.ttf);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'NotoSerif';
    src: url(files/fonts/NotoSerif-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerif';
    src: url(files/fonts/NotoSerif-BoldItalic.ttf);
    font-weight: 700;
    font-style: italic;
}

:root {
    font-family: 'NotoSerif', serif;
    font-size: 10pt;
    background-color: white;
    color: black;
    --contrast-color: #8f3c32;
    --weight-compensation-color: #484848;
}

body {
    margin: auto;
}

a:link {
    /* color: #c90053; */
    color: var(--contrast-color);
}

a:visited {
    color: var(--contrast-color);
}

a[href^="mailto:"] {
    font-style: italic;
}

header {
    text-align: center;
}

h1 {
    font-variant: small-caps;
    font-size: 240%;
    font-weight: bold;
    color: var(--contrast-color);
    margin-top: 0.1ex;
    margin-bottom: 0;
}

h2 {
    font-variant: small-caps;
    font-size: 120%;
    font-weight: bold;
    color: var(--contrast-color);
}

h3 {
    font-size: inherit;
    font-style: italic;
    font-weight: bold;
    color: var(--weight-compensation-color);
    border-color: var(--contrast-color);
    border-width: 0 0 1pt 0;
    border-style: none none solid none;
    margin-bottom: 0;
}

h4 {
    font-size: inherit;
    font-style: normal;
    font-weight: bold;
    color: var(--weight-compensation-color);
    margin-top: 0;
    margin-bottom: inherit;
}

h5 {
    font-size: inherit;
    font-style: italic;
    font-weight: bold;
    color: var(--weight-compensation-color);
    margin-top: 0;
    margin-bottom: 0;
}

#summary h2, #education h2 {
    margin-bottom: 0;
}

p {
    margin-top: 0;
}

.keywords ul {
    display: inline;
    margin: 0; padding: 0;
}
.keywords ul li {
    display: inline;
}
.keywords ul li:before {
    content: "• ";
    font-weight: bold;
}
.keywords ul li:first-child:before {
    content: ""; 
}
.keywords ul:after {
    content: "\a";
    white-space: pre;
}

.keywords h2 {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
}
.keywords h2:after {
    content: ": ";
}

ul {
    padding-left: 1em;
}

li.details > ul > li {
    margin-bottom: 5pt;
}