@charset "utf-8";

@import "roboto.css";
@import "roboto-fallback.css";

html, body {
	margin-bottom: 0;
}

body {
	background: #111;
	color: #aaa;
	font-family: "Roboto", "Roboto-Fallback", "Droid Sans", "Helvetica", "Arial", sans-serif;
	line-height: 1.4;
}

section, header {
	margin-left: 10px;
}

#me h3 {
	display: none;
}

a {
	color: #aaa;
	text-decoration: inherit;
}

a:hover {
	color: #fff;
	/*text-shadow: 0 0 0px;*/
}

ul {
	margin-top: -10px;
	padding-left: 25px;
}

ul li {
	list-style: square;
}

div#kurisu {
	background: url("/assets/kurisu-200.png") right bottom no-repeat;
	min-height: 550px;
	min-width: 200px;
	width: 99%;
	position: absolute;
	z-index: -42;
}

@media (min-height: 800px) {
	div#kurisu {
		bottom: 0;
	}
}

@media (min-width: 320px) {
	div#kurisu {
		height: 100%;
		top: 0;
	}
}