@charset "UTF-8";

@font-face {
  font-family: 'Latin Modern Roman';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/lmroman10-regular.otf') format('opentype');
}

@font-face {
  font-family: 'Latin Modern Roman';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/lmroman10-bold.otf') format('opentype');
}

@font-face {
  font-family: 'Latin Modern Roman';
  font-style: italic;
  font-weight: normal;
  src: url('fonts/lmroman10-italic.otf') format('opentype');
}

@font-face {
  font-family: 'Latin Modern Roman';
  font-style: italic;
  font-weight: bold;
  src: url('fonts/lmroman10-bolditalic.otf') format('opentype');
}

html {
  font-size: 62.5%;
}

body {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12.5%;
  font-family: Latin Modern Roman;
  background-color: #fffff8;
  color: #111;
  max-width: 50em;
  counter-reset: sidenote-counter;
  padding: 10px;
}

h1, h2, h3, h4, h5 {
  text-align: center;
  line-height: 1.1;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

a, a:visited, div.vectorTabs li a {
  color: #a00;
}

a.new, a.new:visited {
  color: black;
}

#nav #logo {
  font-weight: bold;
  margin-right: 20px;
}

#nav a {
  margin-right: 10px;
}