html {
  display:         flex;
  flex-direction:  row;
  justify-content: center;
}

body {
    max-width:      800px;
    flex-grow:      1;
    padding:        15px;
    overflow-x:     scroll;
    display:        flex;
    flex-direction: column;
    padding:        0 10px;
    color:          #444;
    line-height:    1.3em;
    font:           18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1,
h2,
h3,
h4,
h5 {
	color: #ddd;
	font-family: "Verdana", sans-serif;
    line-height: 1.4em;
}

p {
    line-height: 1.4em;
}

li {
    line-height: 1.4em;
}

@media (prefers-color-scheme: dark) {
    body {
        color:      #c9d1d9;
        background: #0d1117;
    }
    a:link {
        color:      #58a6ff;
    }
    a:visited {
        color:      #8e96f0;
    }
}

b,
strong {
  color: #fff;
}

a {
  color: #eee;
}


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

nav {
  display: flex;
  flex-direction: row;
  justify-content: left;
  font-size: 1.2em;
  margin-bottom: 20px;
}

pre {
  overflow-x: scroll;
}

img {
  max-width: 100%;
}

.block {
  border: 1px dotted white;
  padding: 5px 15px;
  margin: 0 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block h1 {
  font-size: 1em;
  text-align: center;
  margin-bottom: 0;
}