body {
	height: auto;
}
h1.ttl {
	text-align: center;
	font-family: monospace;
	font-size: 325%;
	margin-top: 6%;
	z-index: 1;
	position: relative;
	transform: translate(2%,0%);
}
img.leftrec {
	position: absolute;
	width: 12%;
	transform: translate(285%, -85%);
	z-index: -1;
}
img.rightrec {
	position: absolute;
	width: 10%;
	transform: translate(530%, -103%);
	z-index: -1;
}
img.site {
	margin-top: 2%;
	position: relative;
	width: 65%;
	margin-right: 17.5%;
	margin-left: 17.5%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
.dot {
	transform: translate(-55%, 50%);
}
.dot:hover {
filter: invert(100%);
}