:root {
  --br-user-background: #f5fbff;
  --br-user-surface: #f5fbff;
  --br-user-text: #0a0a16;
  --br-user-border: rgb(140 0 19 / 42%);
  --br-user-link: #8c0013;
  --br-user-link-hover-bg: #fe5a8f;
  --br-user-content-width: 700px;
  --br-user-font: Arial, Helvetica, sans-serif;
  --br-default-text-font: Verdana, Geneva, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--br-user-background);
  color: var(--br-user-text);
  font-family: var(--br-user-font);
  font-size: 18px;
}

p {
  line-height: 1.6em;
}

.br-pge li {
  line-height: 1.6em;
}

img {
  max-width: 100%;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

a {
  color: var(--br-user-link);
}

a:hover {
  background-color: var(--br-user-link-hover-bg);
}

.br-lnk {
  color: inherit;
  text-decoration: none;
}

.br-lnk:hover {
  background-color: transparent;
}

.br-lim img {
  transition: transform 160ms ease;
  transform-origin: center;
}

.br-lim:hover img {
  --br-image-link-scale: 1.04;
}

.br-txt a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.12em;
}

.br-txt a:hover {
  background-color: transparent;
  text-decoration: none;
}

#container {
  width: 90%;
  max-width: var(--br-user-content-width);
  margin: 3em auto;
  color: var(--br-user-text);
  background-color: var(--br-user-surface);
}

#content {
  padding: 10px 5% 20px;
}

.br-pge {
  color: var(--br-user-text);
  background-color: var(--br-user-surface);
}

.br-ftr {
  color: var(--br-user-text);
  font-family: var(--br-default-text-font);
}

.br-ftr a {
  color: var(--br-user-link);
}

.br-txt {
  font-family: var(--br-default-text-font);
}

:root {
  --br-default-text-font: "Verdana", "Geneva", sans-serif;
}

/* Fonts used by this Bunnyroll page */
:root {
  --br-font-garamond: "Garamond", "Georgia", serif;
  --br-font-astloch: "Astloch", serif;
  --br-font-verdana: "Verdana", "Geneva", sans-serif;
}