html {
	min-height: 100%;
}
img {
	max-width: 75%;
}
body {
	background-color: #333333;
	scrollbar-color: #eecc88 #333;
	color: #333;
	background-image: url("/images/heieru/bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	height: 100%;
}
#bigcircle {
	background-color: rgba(230,230,230,0.7);
  border-radius: 50%;
	border-style: solid;
	border-width: 10px;
	border-color: #3355bb;
	overflow: hide;
  display: flex;
  align-items: center;
  justify-content: center;
}
#twoofthem {
	position: absolute;
	top: 50px;
}
p {
	text-align: center;
	font-family: sans-serif;
}
main {
	text-align: center;
	overflow: auto;
	width: 70%;
	height: 70%;
	font-size: 1.22em;
}
h1, h2 {
	font-family: serif;
}
h1 {

}
h2 {

}
hr{
	color: #333;
	border-color: #333;
}
.bigboyhr{
	border-width: 3px;
}
#squish {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: -1;
}
#back {
	position: absolute;
	top:10px;
	left:10px:
}
@media all and (orientation:portrait) {
	#bigcircle {
		height: 95vw;
		width: 95vw;
		margin: auto;
		margin-top: 5vw;
	}
	#squish {
		max-width: 90%;
	}
}

@media all and (orientation:landscape) {
	#bigcircle {
		height: 95vh;
		width: 95vh;
		margin-top: 1.5vh;
		position: absolute;
		right: 5vw;
	}
}