BODY {
	font-family:	Jet Brains Mono ML Regular, Arial;
	size: 14pt;
	background-color: black;
	color: #fefefe;
}

.landing {
	cursor: url("data:image/svg+xml:utf8,<svg
xmlns='http://www.w3.org/2000/svg' width='40'
height='48' viewport='0 0 28 28'
style='fill:black;font-size:24px;'><text y='50%'>🐅
</text></svg>") 14, 14, auto;
}

DIV.main {
	margin.top: 100px;
	width: 100%;
	text-align: center;
	overflow-y: hidden;
}

MAIN {
	display: flex;
	font-family:  Jet Brains Mono ML Regular, Arial, Times New Roman;
	size: 11pt;
	position: absolute:
	top:11%;
	left:11%;
	margin.top: 100px;
	width: 88%%;
	text-align: center;
	color: cyan;
	overflow-y: scroll;
}
.main:after {
  content: "\1F405";
	text-align: center;
  font-size: 31em;
  display:block;
}

DIV.main {
  margin.top: 100px;
  width: 100%;
  text-align: center;
}

#qod {

}

ARTICLE {
	display: flex;
	font-family: Jet Brains Mono ML Regular,Arial,Times New Roman;
}

.header.HEADER {
	display: flex;
	font-family: Jet Brains Mono ML Regular,Arial,Times New Roman;
	size: 14pt;
	position:absolute;
	top:1%;
	left:1%;
	width: 95%;
	height: 10%;
}

#header_question.header.DIV {
	display: flex;
	width: 25%;
	height: 10%;
}

.header_search.DIV {
	display: flex;
	width: 50%;
	height: 10%;
}

NAV {
	display: flex;
	font-family: 'Jet Brains Mono ML Regular, Arial, Times New Roman,Jet Brains Mono ML Regular';
	size: 14pt;
	position: absolute;
	top: 10%;
	left: 1%;
	width: 8%;
	overflow-y: hidden;
}

FOOTER {
	display: flex;
	font-family: 'Arial,Times New Roman,Jet Brains Mono ML Regular';
	siZe: 10pt;
	position: relative;
	bottom: 3%;
	width: 98%;
	overflow-y: hidden;
}

#affiliate_notice_container {
	position:absolute;
	top: 90%;
	left: 5%;
}

#no_more_amazon.body {
	Font-size:8pt;
}

.flex-container {
  display: flex;
}

.flex-container.div {
  margin: 10px;
  padding:20px;
  font-size:12pt;
}