@font-face {
  font-family: tox;
  src: url(https://files.catbox.moe/ak0jiu.ttf);
}

.container {
	max-width: 55rem;
	margin: auto; /*~5vw auto for full center*/
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
  gap: 2px; /*this is spacing between divs*/
}

/* flex: grow, shrink, width */
/* percentages may need to be tweaked based on border and padding */
.sidebar {
  flex: 1 1 9%;
 
  padding: 3vh;
}
.full {
  flex: 1 1 100%;
  padding: 3vh;
  background-image: url('https://files.catbox.moe/6p7q65.png');
  background-color: black;
  background-size: 300px 100px;
}
.half { 
  flex: 1 1 40%; 

  padding: 3vh;
}

img {
  width: 100%;
}

.narration {
  font-family: 'tox';
  text-indent: 1em;
  font-size: 1.15em;
}

.peyton {
  font-family: 'tox';
  color: DarkMagenta;
}

.divider {
    font-family: 'tox';
  color: white;
}

.nav {
  font-family: helvetica;
}

.nav a {
     color: inherit;
  text-decoration: underline;
}

a {
       color: inherit;
  text-decoration: underline;
}