@font-face {
	font-family: "rainyhearts";
	src: url(rainyhearts.ttf) format("truetype")
}
body {
	background: #000 url("nightbackground.png") no-repeat top / cover;
	color: #b3f;
	font: 20px "rainyhearts";
}
h1 {
	font-size: 72px;
}
#title {
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	width: 80%;
	text-align: center;
	margin: 5% 10% 5px 10%;
}
#intro {
	width: 79%;
	margin: 0px 10% 5px 10%;
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	padding: 5px;
	font-size: 28px;
	text-align: center;
}
#about {
	float: left;
	width: 15%;
	margin: 0px 0px 5px 10%;
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	padding: 5px;
}
#blog {
	margin: 0% 27% 10% 27%;
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	padding: 5px;
}
#other {
	float: right;
	width: 15%;
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	margin: 0px 10% 0px 0px;
	padding: 5px;
	text-align: center;
}
hr {
	border-color: #b3f;
}
section {
	background: rgba(0,0,0,0.9);
	border: #b3f 5px solid;
	margin: 10%;
	padding: 5px;
}
#hut {
	width: 50%;
	position: relative;
	margin-top: 75px;
	left: 25%;
}
#exit {
	float: right;
}
a {
	color: #f0f;
	font-size: 20px
}
a:hover {
	color: #ff0;
}
a:focus {
	color: #ff0;
}