h1 {
	font-size:3.0rem;
}
#mainpanel {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#mainimage {
	width: 100vw;
}

.anim-box.zoomin.is-animated {
	animation: zoomIn 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
		left: 25%;
		top: 90%;
		width: 20%;
	}

	90% {
		opacity: 1;
		rotate: 350deg;
		transform: scale(1);
		left: 10%;
		top: 10%;
		width: 20%;
		transform: translate(0, 10%);
		filter: drop-shadow(10px 10px 10px #222222);
	}

	100% {
		opacity: 1;
		rotate: 360deg;
		transform: scale(1);
		left: 10%;
		top: 10%;
		width: 20%;
		transform: translate(0, 10%);
		filter: drop-shadow(10px 10px 10px #222222);
	}
}

.anim-box2.zoomin.is-animated {
	animation: zoomIn2 4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn2 {
	0% {
		transform: scale(0.8);
		opacity: 0;
		left: 0;
		top: 0;
		rotate: 180deg;
		height: 30%;
	}

	90% {
		opacity: 0.8;
		rotate: -600deg;
		transform: scale(1.2);
		left: 50%;
		top: 10%;
		height: 70%;
	}

	100% {
		opacity: 1;
		rotate: 0deg;
		transform: scale(1);
		left: 75%;
		top: 0;
		height: 70%;
		transform: translate(0, 20%);
		filter: drop-shadow(0 0 1rem darkblue);
	}
}

.anim-box3.zoomin.is-animated {
	animation: zoomIn3 3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes zoomIn3 {
	0% {
		position: absolute;
		opacity: 0;
		left: 0%;
		top: -20%;
		width: 70%;
		scale: 10.0;
	}

	100% {
		position: absolute;
		opacity: 1;
		left: 35%;
		top: 30%;
		width: 30%;
		filter: drop-shadow(10px 10px 10px #222222);
	}
}


.pos1 {
	position: absolute;
	left: 100px;
	top: 10px;
}

.mainimg {
	width: 100vw;
}

.caution {
	color: red;
	font-weight: 800;
}

.display-box {
	border: 1px solid darkolivegreen;
	background-color: linen;
	padding: 1em;
	text-align: left;
}

.anchor-target {
	background-color: lavenderblush;
	padding: 1em;
	margin-bottom: 1em;
}

.block-ol {
	border: solid 2px lightcoral;
	background-color: cornsilk;
	padding: 1em;
	margin: 1em;
}

.side-img {
	display: inline-block;
	vertical-align: middle;
}

p.side-txt {
	display: inline-block;
	margin-left: 15px;
}

.col {
	margin-bottom: 2em;
	padding-bottom: 1em;
}