:root{
	--Background:	#2e2e2e;
	--Comments:		#797979;
	--White:		#d6d6d6;
	--Yellow:		#e5b567;
	--Green:		#b4d273;
	--Orange:		#e87d3e;
	--Purple:		#9e86c8;
	--Pink:			#b05279;
	--Blue:			#6c99bb;
}

body{
	background: var(--Background);
	color: var(--Pink);
}
A {
	background: var(--Pink);
	text-decoration: underline;
	text-decoration-skip-ink: auto;
	text-underline-offset: 0.1em;
	text-align: center;
	border: 1px solid var(--Purple);
	vertical-align: middle;
	font-size: large;
	color: var(--White);
	border-radius: 5px;
	width: 200px;
	display: inline-block;
	margin: 10px;

}

A:focus{
	outline-color: var(--Comments);
}

A:visited{
    color: var(--White);
}

.wrapper svg {
}

.wrap {
  min-height: 100vh;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
 }

.half {
    width: 50%;
    padding: 32px 0;
}

.image_div{
	width: 95%;
	margin: auto;
}

IMG {
	width: 100%;
}

.title {

  line-height: 24px;
  display: block;
  padding: 8px 0;
}

.readout {
  margin-top: 32px;
  line-height: 180%;
  color: azure;
}

#values {
 font-family: monospace;
  line-height: 150%;
}