theme.css

/* background */
html
{
	background: url("bg.jpg");
	font-family: arial;
}

/* art */
html, body, .art-container
{
	height: 100%;
	margin: 0;
	overflow: hidden;
}
.art-container
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.art
{
	animation-duration: 2s;
}

/* spriggan chase */
.spriggan-chase {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-160px, -177px);
	
	cursor: pointer;
}
.spriggan
{
	animation-duration: 0.5s;
}
.egg
{
	animation-duration: 0.3s;
}

.art, .spriggan, .egg
{
	animation-name: tilt;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}
@keyframes tilt {
    from {transform: rotate(-7deg);}
    to {transform: rotate(7deg);}
}

#timer {
	z-index: 1;
	text-shadow: 0px 0px 2px #FFF;
	position: absolute;
	right: 1em;
	bottom: 0.5em;
}

/* debug */
#audio
{
	position: absolute;
}