p {
    margin: 0 0 1rem;
}

p {
    margin-top: 1rem;
}

tt, code, kbd, samp, pre {
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace
}

p code, li code {
    padding: 0 5px;
    margin: 0 2px;
}

aside, article img + figcaption {
  font-size: 0.8em;
}

aside {
  padding: 1em 2em;
  background-color: rgba(0, 161, 217, 0.14);
  border-left: 5px solid #00A1D9;
}

aside:before {
    content: "Note";
    font-style:  italic;
    font-size: 1.5em;
    color: rgba(0, 0, 0, 0.2);
}

figure {
  margin: 0;
}


/* Site-specific */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
}

body {
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    line-height: 1.75em;
}

h1.site-name {
  margin: 1em 0;
}

h1, h2, h3, h4, h5, h6 {
  /*margin-top: 1.75em;
  margin-bottom: 1em;*/
}


article {
    max-width: 45rem;
    margin: auto;
}

article img {
  display: block;
  max-width: 90%;
  margin: 2em auto 0 auto;
}

article img + figcaption {
  display: block;
  width: 75%;
  text-align: center;
  margin: 0 auto;
}


a {
    color: #00A1D9;
    text-decoration: unset;
}

hr {
    max-width: 10rem;
    margin: 2.5rem auto;
    border: none;
    border-bottom: 1px solid #aaa;
}

blockquote {
  background-color: rgba(100, 100, 100, 0.1);
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  padding: 0.5em 1em;
  margin: 1em 0;
  font-style: italic;
}

.cv blockquote {
  text-align: center;
  font-size: 1.25em;
  color: #888;
  padding: 0.5em 1em;
  margin: 1em 0;
}

.read-more {
    font-style: italic;
    text-decoration: underline;
}

.navigation-wrapper {
    text-align: center;
    margin: 2rem 0 3rem 0;
}

.navigation-wrapper h1 {
    font-weight: 700;
    font-size: 2rem;
}

.navigation-wrapper h1 a {
    color: #aaa;
}

.ratio {
  font-size: 1.5em;
  text-align: center;
  color: #555;
  margin: 1em;
  font-style: italic;
}



.ratio .left {
  color: rgb(234, 99, 99);
}

.ratio .right {
  color: #6EB2FF;
}

.cv h1 {
  text-align: center;
}

.cv h2 {
  font-size: 1.2em;
}



.cv ul {
  padding: 0;
}

.cv .contact ul {
  text-align: center;
}

.cv .contact li {
  list-style: none;
}

@media (min-width: 30em) {

  .cv .contact li {
    display: inline;
  }

  .cv .contact li + li:before {
    margin: 2em;
    content: "|";
    color: #aaa;
  }
}

.cv section h1 {
  font-size: 1.5em;
}

.cv section + section {
  margin-top: 2em;
}

* + * {
  margin-top: 2em;
}

li + li {
  margin-top: 0em;
}

figcaption {
  font-style: italic;
  text-align: center;
}

time {
  display: inline;
  font-size: 0.8em;
  color: #aaa;
}