@charset "UTF-8";
/*
 * Fonts
 */
@font-face {
  font-family: "Inria Serif";
  src: local("Inria Serif"), local("InriaSerif"), local("InriaSerif-Regular"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Regular.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Regular.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Regular.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Regular.svg") format("svg");
  font-style: normal;
}
@font-face {
  font-family: "Inria Serif";
  src: local("Inria Serif Bold"), local("InriaSerifBold"), local("InriaSerif-Bold"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Bold.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Bold.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Bold.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Bold.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Inria Serif";
  src: local("Inria Serif Italic"), local("InriaSerifItalic"), local("InriaSerif-Italic"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Italic.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Italic.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Italic.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSerif/Web/InriaSerif-Italic.svg") format("svg");
  font-style: italic;
}
@font-face {
  font-family: "Inria Sans";
  src: local("Inria Sans"), local("InriaSans"), local("InriaSans-Regular"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Regular.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Regular.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Regular.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Regular.svg") format("svg");
  font-style: normal;
}
@font-face {
  font-family: "Inria Sans";
  src: local("Inria Sans Bold"), local("InriaSansBold"), local("InriaSans-Bold"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Bold.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Bold.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Bold.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Bold.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Inria Sans";
  src: local("Inria Sans Italic"), local("InriaSansItalic"), local("InriaSans-Italic"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Italic.eot") format("embedded-opentype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Italic.woff") format("woff"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Italic.ttf") format("truetype"), url("/assets/InriaFonts/fonts/InriaSans/Web/InriaSans-Italic.svg") format("svg");
  font-style: italic;
}
:root {
  --font-sans: Inria Sans, sans-serif;
  --font-serif: Inria Serif, serif;
  --background: white;
  --grey-on-white: hsl(0, 0%, 50%);
  --accent-lighter: hsl(var(--c-hue, 199), 98%, 88%);
  --accent-light: hsl(var(--c-hue, 199), 98%, 68%);
  --accent: hsl(var(--c-hue, 199), 98%, 50%);
  --accent-dark: hsl(var(--c-hue, 199), 98%, 32%);
  --accent-darker: hsl(var(--c-hue, 199), 98%, 12%);
  --accent-darkerer: hsl(var(--c-hue, 199), 98%, 6%);
  --margin-inter-section: calc(2rem + 10vh);
}

:root {
  --c-hue: 33;
  --background: hsl( var(--c-hue, 40 ), 40%, 96% );
}

body {
  background-color: var(--background);
  font-family: "Inria Serif", serif;
}

header {
  background-color: white;
  border-color: hsl(var(--c-hue, 199), 98%, 68%);
}

.content-warnings {
  margin-top: 2em;
}

dt:active,
dt:focus,
dt:target {
  position: relative;
}
dt:active::before,
dt:focus::before,
dt:target::before {
  display: inline-block;
  content: "☛";
  width: 2em;
  position: absolute;
  left: -2em;
}

p a[href^=http]::after {
  display: inline;
  content: " 🔗︎";
  font-family: "Symbola", "Segoe UI Symbol", sans-serif;
}

body > blockquote {
  box-shadow: inset 0 0 1rem hsl(var(--c-hue, 199), 98%, 88%);
}

h2 {
  padding: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  background-color: white;
}

del {
  background-color: hsla(0, 100%, 50%, 0.2);
  box-shadow: 0px -0.15em 2px 2px hsla(0, 100%, 50%, 0.2);
}

ins {
  background-color: hsla(120, 100%, 50%, 0.2);
  box-shadow: 0px -0.15em 2px 2px hsla(120, 100%, 50%, 0.2);
}

/*# sourceMappingURL=worldbuilding.css.map */