#splash-text {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 1.2em;
	font-weight: bold;
	width: 200px;
	color: #ffeb56;
	text-shadow:
		-1px 1px 1px #000,
		1px -1px 1px #000,
		1px 1px 1px #000,
		-1px -1px 1px #000;
	--translate-x: calc(50% - 30px); /* magic */
	--translate-y: calc(50% - 24px); /* magic */
	--rotate: -20deg;
	--scale: 1.1;
	transform:
		translate(var(--translate-x), var(--translate-y))
		rotate(var(--rotate));
	cursor: pointer;
	user-select: none;
}

.splash-animate {
	animation: pulse 1s infinite cubic-bezier(0.37, 0, 0.63, 1);
}

@keyframes pulse {
	0%, 100% {
		transform:
			translate(var(--translate-x), var(--translate-y))
			rotate(var(--rotate))
			scale(1)
	}
	50% {
		transform:
			translate(var(--translate-x), var(--translate-y))
			rotate(var(--rotate))
			scale(var(--scale))
	}
}