body {
	background: linear-gradient(to top, #6a11cb, #2575fc);
	background-attachment: fixed;
	flex-direction: column;
}
body::before {
	position: fixed;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, #f83666, #fd543e, #f9d423);
	transition: opacity 0.5s linear;
	opacity: 0;
}
body.active::before {
	opacity: 1;
}
.text-center a {
	text-decoration: none;
	color: inherit;
}
.footer a {
	color: black;
	padding: 10px;
	font-size: 1.5em;
	transition: filter 0.3s ease;
}
.footer a:hover {
	filter: invert(1);
}
#bow_emoji_button {
	position: absolute;
	top: 1%;
	right: 20px;
	transform: rotate(30deg);
	border: none;
	background: none;
	user-select: none;
	font-size: 3em;
	cursor: pointer;
	width: 1em;
	height: 1em;
}
#frog_emoji_button {
	position: absolute;
	bottom: 10%;
	left: 10px;
	transform: rotate(-30deg);
	border: none;
	background: none;
	user-select: none;
	font-size: 3em;
	cursor: pointer;
	width: 1em;
	height: 1em;
}
#sun_emoji_button {
	position: fixed;
	top: -110px;
	right: -70px;
	font-size: 10em;
	border: none;
	background: none;
	cursor: pointer;
	user-select: none;
	transition: transform 0.3s ease;
}
#sun_emoji_button.active {
	transform: rotate(45deg);
}