@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&display=swap');

:root {
    --bg-color: #111;
    --text-color: #ccc;
    --text-heading: #ddd;
    --text-bold: #fff;
    --text-link: #ff9f43;
    --text-link-hover: #ff793f;
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--text-heading);
  font-family: "Google Sans Code", sans-serif;
}

a h1, a h2, a h3, a h4, a h5 {
    color: inherit;
}


b,
strong {
  color: var(--text-bold);
}

a {
  color: var(--text-link);
}

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

a:hover,
a:hover .site-title {
    color: var(--text-link-hover);
}

html {
  color: var(--text-color);
  font-family: "Google Sans Code", serif;
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: var(--bg-color);
}

body {
  max-width: 800px;
  overflow-x: scroll;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.site-title {
  font-size: 2.5em;
  margin-bottom: 10px;
  /* text-align: center; */
}

pre {
  overflow-x: scroll;
}

img {
  max-width: 100vw;
}

.small {
  font-size: 0.8em;
}

footer {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer hr {
  width: 100%;
}