:root{
	--color-tan: #F0E6D4;
	--color-green: #454527;
	--color-red: #6A301C;
	--color-tan-light: #F6EcDa;

}
html, body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	justify-content: center; /* horizontal center */
	align-items: center;     /* vertical center */
	min-height: 100vh;
	background-color: var(--color-tan);

	animation: goCycle 9s linear infinite;
}

.logo-wrap{
	position: relative;
	width: min(90vw, 800px);
	max-width: 90%;
	overflow: hidden;

	img {
		max-width: 90vw;
		max-height: 90vh;
		width: auto;
		height: auto;
		display: block;

		animation: goWobble 40s linear infinite;
	}
}

@keyframes goWobble
{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(18deg);}
	50%{transform: rotate(0deg);}
	75%{transform: rotate(-18deg);}
	100%{transform: rotate(0deg);}
}

@keyframes goCycle {
	0%{background-color: var(--color-tan);}
	50%{background-color: #fff;}
	100%{background-color: var(--color-tan);}
}