@font-face {
	font-family: 'proggy-tiny';
	src: url('ProggyTiny.ttf');
}

@font-face {
	font-family: 'blockkie';
	src: url('BlockKie.ttf');
}

* {
	font-weight: 400;
}

html {
	display: flex;
	justify-content: center;
	margin: auto;
	margin-top: 100px;
	font-family: 'blockkie';
	font-size: 36px;
	background: #400;
	color: #FB8;
	text-shadow: 2px 2px #300;
}

body {
	text-align: center;
	background: #840;
	padding: 5px 25px 5px 25px;
	box-shadow: 4px 4px 0px 1px #300;
	width: 65%;
}

h1,code {
	padding: 0.125em;
	background: #600;
	box-shadow: 4px 4px 0px 1px #300;
	color: #FB0;
	text-shadow: 2px 2px #000;
}

code {
	font-family: 'proggy-tiny';
	top: -5px;
	left: -2px;
	margin-left: 2px;
	margin-right: 6px;
	position: relative;
}

h1 {
	text-shadow: 3.5px 3.5px #300;
	font-size: 170%;
}

a {
	background: #FB0;
	color: #600;
	padding: 0.125em;
	text-decoration: none;
	text-shadow: 1px 1px #000;
	box-shadow: 4px 4px 0px 1px #300;
	font-family: 'proggy-tiny';
	top: -5px;
	left: -2px;
	margin-left: 2px;
	margin-right: 6px;
	position: relative;
}

code a {
	top: initial;
	position: initial;
	margin-left: initial;
	line-height: 1.3em;
}

h1 a {
	top: -10px;
	margin-left: initial;
}

a:hover {
	background: #FF8;
	color: #900;
}