@font-face {
	font-family: slackey;
	font-style: normal;
	font-weight: normal;
	src: url(Slackey.ttf);
}

li ul, li ol, li pre {
	margin: .3em 1em .5em 1em;
}

li {
	list-style-type: none;
}

li:before {
	content: "• ";
	font-weight: bold;
}

li.good:before {
	color: #0f0;
	content: "✔ ";
}

li.bad:before {
	color: #f00;
	content: "✘ ";
}

p {
	text-align: center;
}

table {
	margin: .5em auto;
	border-collapse: collapse;
}

td, th {
	text-align: center;
	padding: .2em .5em;
	border: 1px solid black;
}

.anim li {
	-webkit-transition: padding 3s;
	-moz-transition: padding 3s;
	-o-transition: padding 3s;
	transition: padding 3s;
}

.anim li:nth-child(1):hover {
	padding-left: 30%;
}

.anim pre:hover {
	-webkit-animation: demo 4s linear 0s infinite;
	-moz-animation: demo 4s linear 0s infinite;
	-o-animation: demo 4s linear 0s infinite;
	animation: demo 4s linear 0s infinite;
}

@-webkit-keyframes demo {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes demo {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes demo {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@keyframes demo {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.effects {
	border-radius: 30px;
	text-shadow: 0 2px 2px #f00;
	box-shadow: 5px 5px 3px 5px blue;
	background-image: -webkit-linear-gradient(0deg, #ff0, #fff);
	background-image: -moz-linear-gradient(0deg, #ff0, #fff);
	background-image: -o-linear-gradient(0deg, #ff0, #fff);
	background-image: linear-gradient(0deg, #ff0, #fff);
	padding: 1em 2em;
}