/*
Welcome to custom CSS for the WSU Spine Theme!

You may delete these comments and get started with your custom stylesheet.
Before doing so, please review the WSU web standards:

https://brand.wsu.edu/media/web/web-standards/

As a general rule of thumb, if your styles target aspects of the spine
(#spine), that's against standard, whereas if you're styling elsewhere on
the page, it's all good.
*/
@keyframes cf3FadeInOut {
	0% {
		opacity: 1;
	}
	
	45% {
		opacity: 1;
	}
	
	55% {
		opacity: 0;
	}
	
	100% {
		opacity: 0;
	}
}

@keyframes shake {
	0% {
		transform: translate(1px,1px) rotate(0deg);
	}
	
	10% {
		transform: translate(-1px,-2px) rotate(-1deg);
	}
	
	20% {
		transform: translate(-3px,0px) rotate(1deg);
	}
	
	30% {
		transform: translate(3px,2px) rotate(0deg);
	}
	
	40% {
		transform: translate(1px,-1px) rotate(1deg);
	}
	
	50% {
		transform: translate(-1px,2px) rotate(-1deg);
	}
	
	60% {
		transform: translate(-3px,1px) rotate(0deg);
	}
	
	70% {
		transform: translate(3px,1px) rotate(-1deg);
	}
	
	80% {
		transform: translate(-1px,-1px) rotate(1deg);
	}
	
	90% {
		transform: translate(1px,2px) rotate(0deg);
	}
	
	100% {
		transform: translate(1px,-2px) rotate(-1deg);
	}
}

.flip-container {
	background-image: url("https://s3.wp.wsu.edu/uploads/sites/2775/2021/09/struct2-e1632372288186.png");
	display: inline-block;
}

.flip-this {
	animation-name: cf3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-direction: alternate;
}

.flip-container2:hover {
	transform: scale(1.1);
}

.poutset {
	border-style: outset;
}

.hdr1 {
	font: 1em;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.pfont {
	font-size: .9em;
	margin: 1em 0;
}

.pfonttable {
	font-size: .7em;
}

.pfontgen {
	font: 50 .9vw sans-serif;
	margin: 1em 0;
}

.hline {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.divcolor {
	height: 40px;
	background-color: #FCF3CF;
	margin: 1em 0;
	padding: 1em;
}