:root {
  --dark: #333;
  --darker: #222;
  --darkest: #1a1a1a;
  --light: #dadada;
  --lighter: #eee;
  /* significant links */
  --significant: #6d8;
  /* top nav */
  --dark-significant: #092;
  /* heading significant links, input */
  --light-significant: #0e4; }

* {
  margin: 0;
  padding: 0; }

/*!
 *  Inter v3.19 https://github.com/rsms/inter
 *  Copyright (c) 2016-2021 The Inter Project Authors
 *  License: SIL Open Font License, Version 1.1
 *  https://github.com/rsms/inter/blob/master/LICENSE.txt
 */
@font-face {
  font-family: "Inter";
  src: url(/assets/inter-regular.woff2) format("woff2"), url(/assets/inter-regular.woff) format("woff"), url(/assets/inter-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Inter";
  src: url(/assets/inter-bold.woff2) format("woff2"), url(/assets/inter-bold.woff) format("woff"), url(/assets/inter-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Inter";
  src: url(/assets/inter-italic.woff2) format("woff2"), url(/assets/inter-italic.woff) format("woff"), url(/assets/inter-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Inter";
  src: url(/assets/inter-bolditalic.woff2) format("woff2"), url(/assets/inter-bolditalic.woff) format("woff"), url(/assets/inter-bolditalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

/*!
 *  Hack v3.003 https://github.com/source-foundry/Hack
 *  Copyright (c) 2018 Source Foundry Authors
 *  Copyright (c) 2003 by Bitstream, Inc.
 *  License: custom
 *  https://github.com/source-foundry/Hack/blob/master/LICENSE.md
 */
@font-face {
  font-family: "Hack";
  src: url(/assets/hack-regular-subset.woff2) format("woff2"), url(/assets/hack-regular-subset.woff) format("woff"), url(/assets/hack-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Hack";
  src: url(/assets/hack-bold-subset.woff2) format("woff2"), url(/assets/hack-bold-subset.woff) format("woff"), url(/assets/hack-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Hack";
  src: url(/assets/hack-italic-subset.woff2) format("woff2"), url(/assets/hack-italic-subset.woff) format("woff"), url(/assets/hack-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Hack";
  src: url(/assets/hack-bolditalic-subset.woff2) format("woff2"), url(/assets/hack-bolditalic-subset.woff) format("woff"), url(/assets/hack-bolditalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

/* body */
body {
  font-family: "Inter", sans-serif;
  text-align: center;
  background-color: var(--dark);
  color: var(--light); }

div.bg {
  background-color: var(--darkest); }

/* common */
a {
  color: var(--lighter);
  text-decoration: underline;
  text-decoration-color: var(--lighter);
  transition: text-decoration-color 0.3s; }

a:active, a:focus, a:hover {
  text-decoration: underline;
  text-decoration-color: transparent; }

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

a.significant:active, a.significant:focus, a.significant:hover {
  text-decoration-color: transparent; }

li {
  list-style-position: inside; }

h1, h2, h3, h4, h5, h6, strong {
  color: var(--lighter); }
  h1 a.significant, h2 a.significant, h3 a.significant, h4 a.significant, h5 a.significant, h6 a.significant, strong a.significant {
    color: var(--light-significant);
    text-decoration-color: var(--light-significant); }
  h1 a.significant:active, h1 a.significant:focus, h1 a.significant:hover, h2 a.significant:active, h2 a.significant:focus, h2 a.significant:hover, h3 a.significant:active, h3 a.significant:focus, h3 a.significant:hover, h4 a.significant:active, h4 a.significant:focus, h4 a.significant:hover, h5 a.significant:active, h5 a.significant:focus, h5 a.significant:hover, h6 a.significant:active, h6 a.significant:focus, h6 a.significant:hover, strong a.significant:active, strong a.significant:focus, strong a.significant:hover {
    text-decoration-color: transparent; }

a strong {
  color: inherit; }

h1 {
  font-size: 1.8em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.7em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.5em;
  margin: 1em 0; }

h4 {
  font-size: 1.35em;
  margin: 1.33em 0; }

h5 {
  font-size: 1.2em;
  margin: 1.67em 0; }

h6 {
  font-size: 1.15em;
  margin: 2.33em 0; }

p, li {
  line-height: 1.4em; }

/* noheader */
div.noheader input, div.noheader textarea, div.noheader button {
  padding: 2px 4px;
  color: inherit;
  background: inherit;
  border: 1px solid var(--light);
  transition: border-color 0.3s; }

div.noheader input:active, div.noheader input:focus, div.noheader input:hover, div.noheader textarea:active, div.noheader textarea:focus, div.noheader textarea:hover, div.noheader button:active, div.noheader button:focus, div.noheader button:hover {
  border-color: var(--light-significant); }

div.noheader p, div.noheader ul {
  margin: 0.67em auto 0 auto;
  padding-bottom: 0.67em;
  text-align: left;
  max-width: 90ex;
  width: 90%; }

div.noheader p.center {
  text-align: center; }

div.noheader div.center p {
  text-align: center; }

div.noheader table {
  margin: 0 auto; }

div.noheader img.avatar {
  border-radius: 100%;
  display: inline-block;
  margin-top: 1em; }

/* lang */
span.lang-fr, span.lang-en {
  font-weight: normal;
  font-size: 0.7em;
  margin: 0 0.7ex; }

span.lang-fr::before {
  content: "fr"; }

span.lang-en::before {
  content: "en"; }

span.lang-fr::after, span.lang-en::after {
  content: "/"; }

/* header */
header h1 {
  font-size: 2.2em;
  font-family: "Hack", monospace; }
  header h1 a, header h1 a:active, header h1 a:focus, header h1 a:hover {
    color: inherit;
    text-decoration: none; }

nav.top {
  border-top: 2px solid var(--dark-significant); }
  nav.top ul {
    padding-left: 0; }
  nav.top li {
    display: inline-block;
    list-style: none; }
  nav.top li a {
    color: inherit;
    display: block;
    margin: -2px 5px 10px 5px;
    padding: 3px 6px;
    border: 1px solid var(--dark-significant);
    text-decoration: none;
    transition: background-color 0.3s ease-out;
    font-size: 1.15em; }
  nav.top li.active a, nav.top li:hover a, nav.top a:focus {
    background: var(--dark-significant); }

/* inner */
article.inner h1.title, article.inner h2.title, article.inner h3.title {
  max-width: 90ex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; }

article.inner time.article {
  font-weight: normal;
  font-size: 0.9em; }

article.spacebot {
  padding-bottom: 1em; }

/* widget */
section.container {
  width: 100%;
  margin: 0 auto; }
  section.container div.container {
    display: inline-block;
    text-align: center; }
  section.container div.elementContainer {
    border-radius: 15px;
    background: var(--darker);
    display: inline-block;
    vertical-align: top; }
  section.container section.element {
    display: block;
    text-align: center;
    hyphens: manual;
    overflow-wrap: break-word; }
    section.container section.element header h3 {
      font-size: 1.6em;
      font-weight: bold;
      margin-top: 0.5em; }
    section.container section.element article {
      margin: 0 auto; }
      section.container section.element article p {
        text-align: center;
        margin: 1em auto 0 auto;
        padding: 0; }
      section.container section.element article em {
        font-size: 0.9em; }

article.inner section.container {
  border: 8px solid var(--dark);
  border-left: 0;
  border-right: 0;
  overflow-x: auto;
  background: var(--dark);
  scrollbar-color: var(--dark) transparent; }
  article.inner section.container div.elementContainer {
    margin: 8px; }
  article.inner section.container section.element {
    margin: 12px;
    width: 230px;
    height: 230px;
    overflow-y: auto; }
  article.inner section.container.bigger section.element {
    width: 250px;
    height: 250px; }
  article.inner section.container.biggest section.element {
    width: 280px;
    height: 280px; }

/* footer */
footer {
  padding-bottom: 0.5em; }
  footer section.container {
    max-width: 90ex;
    width: 90%; }
    footer section.container div.container {
      width: 100%; }
    footer section.container div.elementContainer {
      margin-top: 1.5em;
      width: 100%; }
    footer section.container section.element {
      width: 100%;
      height: auto; }
  footer h3 {
    margin: 0; }
  footer p {
    margin: 1em auto !important; }
  footer img.avatar {
    margin-top: 0.5em !important; }

/* code */
figure.highlight, div.highlighter-rouge {
  margin: 1em 0;
  padding: 0.3em;
  overflow-x: auto;
  scrollbar-color: var(--dark) transparent;
  background: black;
  -moz-tab-size: 4;
  tab-size: 4;
  line-height: 1.2em; }
  figure.highlight pre, figure.highlight code, div.highlighter-rouge pre, div.highlighter-rouge code {
    margin: 0;
    font-family: "Hack", monospace;
    font-size: 0.92em; }
  figure.highlight pre, div.highlighter-rouge pre {
    text-align: left; }
  figure.highlight pre.lineno, div.highlighter-rouge pre.lineno {
    text-align: right; }

/*
   generated by rouge http://rouge.jneen.net/
   original base16 by Chris Kempson (https://github.com/chriskempson/base16)
*/
.highlight table td {
  padding: 5px; }

.highlight table pre {
  margin: 0; }

.highlight, .highlight .w {
  color: #d0d0d0; }

.highlight .err {
  color: #151515;
  background-color: #ac4142; }

.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
  color: #888; }

.highlight .cp {
  color: #f4bf75; }

.highlight .nt {
  color: #f4bf75; }

.highlight .o, .highlight .ow {
  color: #d0d0d0; }

.highlight .p, .highlight .pi {
  color: #d0d0d0; }

.highlight .gi {
  color: #90a959; }

.highlight .gd {
  color: #ac4142; }

.highlight .gh {
  color: #6a9fb5;
  font-weight: bold; }

.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
  color: #aa759f; }

.highlight .kc {
  color: #d28445; }

.highlight .kt {
  color: #d28445; }

.highlight .kd {
  color: #d28445; }

.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
  color: #90a959; }

.highlight .sr {
  color: #75b5aa; }

.highlight .si {
  color: #8f5536; }

.highlight .se {
  color: #8f5536; }

.highlight .nn {
  color: #f4bf75; }

.highlight .nc {
  color: #f4bf75; }

.highlight .no {
  color: #f4bf75; }

.highlight .na {
  color: #6a9fb5; }

.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
  color: #90a959; }

.highlight .ss {
  color: #90a959; }