@import url('scrollbar.css');

/*
@font-face {
    font-family: bit-three;
    src: url(5x5.ttf);
}
*/

* {
  box-sizing: border-box;
}

body {
  padding: 0 1%;

  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 100vh;

  overflow: scroll;
}

.toc {
  border: 2px solid var(--text);
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 5vh;
}

.toc ul {
  list-style-type: none;
}

footer#main {
  text-align: center;
  flex: 0 1 auto;
}

nav#top {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}

main.container {
  flex: 1 1 auto;
}

p {
  margin-bottom: 10vh;
}

/*
blockquote {
  overflow-x: scroll;
  background: var(--sbg);

  padding: 20px;
  margin-bottom: 5vh;
  border-radius: 10px;
}
*/

blockquote p {
  margin-bottom: 2vh;
}

img {
  max-width: 50%; 
  height: 20%;
  overflow-x: scroll;
  
  display: block;
  /* margin: auto centers block elements */
  margin: 5vh auto;

  /*object-fit: contain;*/
}

thead {
  position: sticky;
  top: 0;
}


@media only screen and (max-width: 600px){
  * {
    font-size: 1em;
  }
  body {
    margin: 0 2%;
  }
}