@font-face {
  font-family: 'The name of the Font Family Here';
  src: URL('font.ttf') format('truetype');
}

/* lora-regular - latin */
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other display options. */
@font-face {
  font-display: swap; 
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lora-v36-latin-regular.woff2') format('woff2');
}

/* lora-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/lora-v36-latin-italic.woff2') format('woff2');
}

/* lora-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lora-v36-latin-700.woff2') format('woff2');
}

/* lora-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/lora-v36-latin-700italic.woff2') format('woff2');
}

:root {
}

body {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-left: 1em;
    padding-right: 1em;
    font-family: Lora;
    accent-color: rgb(107,64,39);
}

.item {
    border: 1px solid #555555;
    border-radius: 15px;
    margin-bottom: 1em;
}

.item div {
    padding-right: 1em;
    padding-left: 1em;
}

.logo {
    height: 3em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    float: right;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(57,36,20);
    text-wrap: balance;
}

h1 {
    font-size: 240%;
}

h2 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 0;
    padding-top: 0;
    background-color: #555555;
    color: white;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

h2 span {
    float: right;
}

div.links ul {
    padding-left: 0;
}

.tags {
    text-align: right;
    float: right;
}

.tagbtn {
    display: inline-block;
    width: 16em;
}

code {
    font-size: 80%;
}

.resource-list ol li {
    text-align: right;
}

.resource-list ol li .title {
    float: left;
}

.resource-list div span:last-child {
    text-align: right;
}

a, a:visited {
    color: rgb(107,64,39);
}

a.tag, a.tag:visited {
    color: rgb(167,110,64);
}

.footnote {
    font-family: sans-serif;
    font-size: 80%;
    color: rgb(167,110,64);
}