.content{
	text-align: center;
	width: 400px;
	margin: auto;
}
a{
	display: block;
	height: 60px;
	text-decoration: none;
	font-size: 40px;
	padding-top: 10px;
	background: darkgrey; 
	border-radius: 15px;
	margin: 10px 0 10px 0;
	opacity: 0.5;
}
a:hover{opacity: 1;}
p{
	color: green;
	font-size: 30px;
}
.white{color: white;}
.blue{color: blue;}
.red{color: red;}
.black, a{color: black;}
.italic{font-style: italic;}
.bold{font-weight: bold;}
#small{font-size: 15px;}
.opacity{opacity: 0.5;}
.opacity:hover{opacity: 1;}
#specialBox{
	font-size: 22px;
	width: 100px;
	height: 100px;
	background-color: gray;
}
#specialBox:hover{
	background-color: red;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#michiSpin {
	-webkit-animation:spin 0.1s linear infinite;
	-moz-animation:spin 0.1s linear infinite;
	animation:spin 0.1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.specialLink{ 
	display: inline; 
	background-color: white;
}
#floatingFun{
	padding: 20px;
	border: 1px dotted black;
	background-color: yellow;
	float: left; 
	margin: 30px;
}
#floatingFun:hover, #spinDiv{ float: right; }
#floatingFun img{
	width: 300px;
	height: 200px;	
}