:root {
  --monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  --link-color: #000cd4;
  --visited-color: #c291ff;
  --code-bg-color: lightgray;
  --highlight-color: #c9045d;
  --serif: Iowan Old Style, Noto Serif, Times, Times New Roman, serif;
  --sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Noto Sans, Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  /* --serif: Times New Roman, serif; */
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--txt-color);
  margin-right: auto;
  margin-left: auto;
  max-width: 800px;
  padding-left: 5%;
  padding-right: 5%;
  font-family: var(--serif);
  font-size: 2.5ex;
  /* font-size: 1.35rem; */
  line-height: 3.0ex;
  overflow-y: scroll;
}

.award {
  font-weight:bold;
  color: var(--highlight-color);
}

.blogline {
  /* display: flex; */
  /* justify-content: space-between; */
  /* flex-wrap: wrap; */
  margin-bottom: 1.5ex;
}

.sans {
   font-family: var(--sans-serif);
}

.links {
  font-family: var(--sans-serif);
  padding-left: 0%;
  padding-right: 0%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1.5ex;
  border-bottom: 1px solid;
}

.title {
  font-weight: bold;
  font-size: 2.5ex;
  font-family: var(--serif);
  text-align: center;
}

.link {
  text-align: center;
  display: inline-block;
}

@media (max-width: 700px) {
    .title {
        width: 100%;
        margin-bottom: 1ex;
    }
}

.link a {
  text-decoration: none;
  /* color: var(--highlight-color); */
}

pre {
  background: #EAF3FA;
  font-family: var(--monospace);
  font-size: 1rem;
  line-height: 2.0rem;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-right: 1%;
  padding-left: 1%;
}

code {
  font-size: 1rem;
  color:  var(--highlight-color);
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  line-height: 120%;
  font-weight: 500;
  font-family: var(--sans-serif);
}

h1 {
  /* font-size: 2.7rem; */
  margin-top: 0.6em;
  margin-bottom: 0.0em;
}

.date {
  font-style: italic;
  text-align: left;
  font-size: 80%;
}


h2 {
  margin-bottom: 0.7em;
}

h2 > a {
  text-decoration:none;
}

h2 > a:hover {
  text-decoration:underline;
  text-decoration-color: blue;
}

h2 > a:visited {
  color: inherit;
}

h2 > a:link {
  color: inherit;
}

hr {
  height: 1px;
  border: none;
  background-color: black;
}

.highlight {
  color: var(--highlight-color);
}

table {
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

table td, th {
  border: 1px solid black;
  padding-top: 5px;
  padding-bottom: 5px;
}
table tr:first-child td, th {
  border-top: 0;
}
table tr td:first-child, th:first-child {
  border-left: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:last-child, th:last-child {
  border-right: 0;
}

.references {
  word-wrap:break-word;
}

aside {
  background: lightgrey;
  font-style: italic;
  padding-top: 1ex;
  padding-bottom: 1ex;
  padding-right: 1ex;
  padding-left: 1ex;
}

blockquote {
  /* width: 70%; */
  margin-right: 45%;
  /* margin-left: 0; */
  /* margin-right: 0; */
  text-align: left;
  font-size: 70%;
  font-style: italic;
}