#title {
	display: inline-block;
}
.item {
	padding: 5px 0;
	-webkit-transition: background-color .3s opacity .3s, -webkit-transform .3s;
	transition: background-color .3s, opacity .3s, transform .3s;
	-webkit-transform: translate(-10px, 0);
	transform: translate(-10px, 0);
	opacity: 0;
}

.item.active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	list-style-type: none;
}

.item:hover {
	background-color: rgba(0,0,0,0.4);
}

.item:hover a {
	color: white;
	-webkit-transform: translate(10px, 0);
	transform: translate(10px, 0);
}

a {
	text-decoration: none;
}

.item a {
	display: block;
	padding: 14px 20px;
	color: white;
	font-size: 18px;
	max-width: 1000px;
	margin: auto;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

.time {
	font-size: 11px;
}

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
	0%,
	100% {
		transform: rotate(0)
	}
	20%,
	60% {
		transform: rotate(-25deg)
	}
	40%,
	80% {
		transform: rotate(10deg)
	}
}

@media (max-width:500px) {
	.github-corner:hover .octo-arm {
		animation: none
	}
	.github-corner .octo-arm {
		animation: octocat-wave 560ms ease-in-out
	}
}