:root {
  --br-user-background: #fcf5ed;
  --br-user-surface: #fcf5ed;
  --br-user-text: #03071e;
  --br-user-border: rgb(140 0 19 / 42%);
  --br-user-link: #0075fc;
  --br-user-link-hover-bg: #fcdebd;
  --br-user-content-width: 700px;
  --br-user-font: Arial, Helvetica, sans-serif;
  --br-default-text-font: Verdana, Geneva, sans-serif;
}

/* custom */
#item-1-0 {
	background: var(--br-user-text);
	height: 2em !important;
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	text-align: center;
}

#item-1-0 a {
	color: var(--br-user-background);
	transition: .2s ease;
}

#item-1-0 a:hover {
	color: var(--br-user-link-hover-bg);
	text-decoration: underline;
}

/* end custom */

* {
  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: #e60000;
  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: "Space Grostek Light", "Verdana", sans-serif;
}

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

/* Local fonts bundled with this Bunnyroll page */
@font-face {
  font-family: "Space Mono";
  src: url("https://hamaonoverdrive.online/assets/google_fonts/SpaceMono-Regular.ttf") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk Light";
  src: url("https://hamaonoverdrive.online/assets/google_fonts/SpaceGrotesk-VariableFont_wght.ttf") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Serif 20pt";
  src: url("https://hamaonoverdrive.online/assets/google_fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Fonts used by this Bunnyroll page */
:root {
  --br-font-space-mono: "Space Mono", sans-serif;
}


/* Local fonts bundled with this Bunnyroll page */
@font-face {
  font-family: "Space Mono";
  src: url("./fonts/SpaceMono-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk Light";
  src: url("./fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Serif 20pt";
  src: url("./fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Fonts used by this Bunnyroll page */
:root {
  --br-font-space-mono: "Space Mono", sans-serif;
  --br-font-space-grotesk-light: "Space Grotesk Light", sans-serif;
}