body {
    font-family: Arial, sans-serif;
    color: #FFFFFF;
		background-color: #2C3E50;	
}

@media (min-width: 600px) {
	body {
		padding: 10px;
		max-width: none;
	}
}

main {
	
}

.torii {
  width: max-content;
  margin: 24px auto 8px;
}

.torii-top,
.torii-bottom {
  white-space: pre;
  margin: 0 auto;            /* center horizontally */
  line-height: 1.1;
  display: table;            /* shrink-wrap to content width */
  font-family: monospace;
}

.torii-bar {
  margin-bottom: -10px; /* optional: pulls posts closer to lintel */
}

.torii-bar pre {
  margin: 0;
  padding: 0;
  line-height: 1;
  white-space: pre;
  text-align: center;  /* needed for multi-line ASCII */
}

.torii-inner {
  display: grid;
  grid-template-columns: auto minmax(auto, max-content) auto;
  column-gap: 1ch;
  align-items: start;
}


.torii-side {
  margin: 0;
  padding: 0;
  white-space: pre;
  line-height: 1.1;
  display: flex;
  justify-content: center;  /* center ASCII art inside the column */
  text-align: center;
}



.book-content {
  margin: 0 auto;
  max-width: 600px;
  padding: 20px;
  text-align: center;
}

ul {
	display: block;
	text-align: left;
	margin: 0 0 1em 1.5em;
	padding-left: 20px;
}

.center {
	text-align: center;
}

h2 {
	font-size: 1.5em;
	line-height: .2;
	color: #FFFFFF;
}

header {
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
}

h1 {
    margin: 0;
    font-size: 2.5em;
    color: #FFFFFF;
}

a {
	color: #38B2C2;
}

intro {
	padding: 0;
    
}

footer {
    padding: 10px;
    text-align: center;

}

.container {
	text-align: center;
	/* align-items: center; */
}

.container pre {
	display: inline-block;
	text-align: left;
}

.my-list {
	line-height: 1.5;
}

.ascii {
	line-height: .95;
	font-family: monospace;
	white-space: pre;
}

.leveltwo {
	background-color: #FFFFF0;
	text-align: center;
}

.ascii-top,
.ascii-bottom {
  text-align: center;
  font-family: monospace;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

.ascii-row {
  display: flex;
  justify-content: center;
}

.ascii-side {
  font-family: monospace;
  font-size: 1.2em;
  line-height: 1.6;
  margin: 0;
  padding: 0 5px;
}

.book-content {
  padding: 20px;
  max-width: 600px;
  text-align: center;
}

.book-box {
  border: 2px solid;
  padding: 15px;
  margin-top: 20px;
  text-align: left;
}

.book-meta {
  font-size: 0.85em;
}

.book-thoughts {
  margin-top: 10px;
  font-style: italic;
}