:root {
  --background: white;
  --text: black;
  --background-standoff: rgb(235, 235, 235);
  --border: gray;
  --accent: rgba(151, 0, 240, 1);
/*  --accent: rgba(255, 0, 128, 1);*/
  --border-thickness: 4px;
}

* {
  font-family: "Arial", sans-serif;
}
/* "Courier New"*/



body {
  font-size: 0.85rem;
  max-width: 768px;
  margin: 1em auto 2em auto;
  text-align: left;
  line-height: 1.5em;
  background-color: var(--background);
  color: var(--text);
}

.title {
  margin: 2em 0;
}

.title a {
  color: var(--text);
}

a {
  color: var(--accent);
  text-decoration: none;
}

p, video {
  margin: 0 0 1em 0;
}

p:last-child {
  margin: 0;
}

hr {
  background-color: var(--text);
  margin: 1em 50em;
  padding: calc(var(--border-thickness) / 2);
  border: 0;
}

hcloud {
  background-color: var(--text);
  margin: 5em 0;
  padding: calc(var(--border-thickness) / 2);
  border: 0;
}

hr.little {
  background-color: var(--background-standoff);
  width: 33%;
}

blockquote {
  background-color: var(--background-standoff);
  margin: 0 0 1em 0;
  padding: 1em;
  border-left: var(--border-thickness) solid var(--border);
}

img {
  border-radius: 1em 0 1em 0;
  max-width: calc(100% - calc(var(--border-thickness) * 2));
  box-shadow: 0 var(--border-thickness) 0 var(--accent);
}

.blogroll-table-left {
  padding-right: 1em;
  white-space: nowrap;
  vertical-align: top;
}

.cloudPosts {
  padding-right: 50em;
  white-space: normal;
  vertical-align: baseline;
}

.blogroll-table-right {
  text-align: left;
}

.centered {
  text-align: center;
}


figure {
  margin: 0;
}

code, code span {
  font-family: monospace !important;
}

pre {
  background-color: rgb(235, 235, 235);
  border-left: var(--border-thickness) solid var(--border);
  padding: 1em;
  margin: 0 0 1em 0;
  overflow-x: auto;
}

@media (max-width: 768px) {
  body {
    max-width: calc(100% - 2em);
  }
}