<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* https://coolors.co/d1d1d1-707070-232528-ec9f05-f5bb00 */

body {
	background-color: #232528;
	font-family: 'Roboto', sans-serif;
	color: #d1d1d1;
}

img {
	width: 300px;
	display: block;
}

footer {
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

footer a, footer span {
	text-decoration: none;
	color: #707070;
}

.container {
	text-align: center;
}

h1 {
	font-size: 5em;
}

h3 {
	font-size: 2em;
}

.bounce-container {
	height: 500px;
	width: 300px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.logo {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 2s;
	-webkit-animation-name: bounce;
	-webkit-animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1s;
	animation-name: bounce;
	animation-iteration-count: infinite;
	position: absolute;
	bottom: 0;
}

@-webkit-keyframes bounce {
	from {
		bottom: 100px;
	}

	to {
		bottom: 200px;
	}
}

@keyframes bounce {
	from {
		bottom: 100px;
	}

	to {
		bottom: 200px;
	}
}
</pre></body></html>