* {
  box-sizing: border-box;
}
body {
	background: green url("img/my_green_tiles.png") top left/256px 256px repeat;
	font-family: Hack, "hack Nerd Font", "Lucida Console", monospace;
	font-size: medium;
	image-rendering: pixelated;
}
.column {
	float: left;
	padding: 10px;
}
.left, .right {
	width: 15%;
}
.middle {
	width: 70%;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width: 600px) {
	.left, .right {
		width: 0%;
	}
	.middle {
		width: 100%;
	}
}

.grey {
	background-color: #CCC;
}
.centered {
	position: fixed;
	left: 50vw;
	top: 50vh;
	transform: translate(-50%,-50%);
}
.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
	height: auto;
}

p,pre,h1,h2,h3,h4,ul {
	background-color: #CCCCCC;
	color: #800080;
}
ul {
	list-style-type: circle;
}