* { box-sizing: border-box; }

@keyframes rainbow {
  from { backdrop-filter: hue-rotate(0deg); -webkit-backdrop-filter: hue-rotate(0deg); }
  to { backdrop-filter: hue-rotate(360deg); -webkit-backdrop-filter: hue-rotate(360deg); }
}

body {
	background-color: #ebc;
	background: url(/assets/images/bg.gif);
	background-attachment: fixed;
	color: #201;
	margin: 0;
	padding: 1px 0.5rem 1rem 0.5rem;
	animation: 10s linear 0 rainbow;
	animation-iteration-count: infinite;
}

kbd {
	background: #fde;
	border: 2px outset #fde;
	padding: 0 2px;
}

h2 > small {
	font-size: 16px;
}

.container {
	max-width: 960px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.block {
	background-color: #fcd;
	border: 5px outset #dab;
	margin-bottom: 10px;
	padding: 0 5px;
}

footer {
	background-color: #ebc;
	border: 5px inset #dab;
	padding: 10px;
}

footer p:first-of-type {
	margin-top: 0;
}
footer p:last-of-type {
	margin-bottom: 0;
}

img.btn {
	margin: 0 2px;
}

.fl {
	float: left;
}