body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D81080;
}

header {
	background-color: #3C3C3B;
}

.header, .navi-mid, .content {
	width: 700px;
}

a {
	text-decoration: none;
	color: #000000;
}
	
.navi li a:active {
	color: #FFFFFF;
}
	
.navi li a:hover {
	color: #FFFFFF;
	animation-name: color-change;
	animation-duration: 1s;
}
	
.title {
	font-size: 3em;
}
	
.navi-mid {
	width: 1000px;
}
	
.box {
	border: 1px solid silver;
	background: #FFF;
	width: 150px;
	height: 150px;
	text-align: center;
	box-shadow: 0px 0px 10px silver;
}

.block {
	border: 1px solid black;
	background: #3C3C3B;
	color: #B5B5B5;

}
	
@keyframes color-change {
	from {color: #000000;}
	to {color: #FFFFFF;}
}