@import 'https://fonts.googleapis.com/css?family=Roboto';

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #444;
	font-family: "lucida console", monospace;
	font-size: 20px;
	letter-spacing: 2px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#xeth-container {
	width: 500px;
	height: 500px;
	position: relative;
}

#xeth {
	width: 400px;
	height: 400px;
	position: absolute;
	animation: ree 0.15s linear infinite;
}

@keyframes ree {
	0%   { top: 20px; left: 20px }
	24.9%  { top: 20px; left: 20px }
	25%  { top: 30px; left: 30px }
	49.9%  { top: 30px; left: 30px }
	50%  { top: 10px; left: 20px }
	74.9%  { top: 10px; left: 20px }
	75%  { top: 20px; left: 10px }
	99.9%  { top: 20px; left: 10px }
	100% { top: 20px; left: 20px }
}

#stuff {
	width: 300px;
	padding: 80px 0 80px 40px;
}

.thing {
	padding-bottom: 24px;
}

.description {
	padding-bottom: 4px;
}

.link {
	padding-bottom: 4px;
}

a {
	color: #888;
	text-decoration: none;
}

a:hover {
	color: #0075be;
}