/* CHARSET */

@charset "utf-8";

/* STYLES */

html, body{
	background: rgb(100, 120, 150);
}

a, span {
	color: rgba(255, 255, 255, 0.1);
	display: block;
	font: 40px Lucida Grande;
	margin: 20px;
	text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

a:hover, span:hover {
	color: rgba(255, 255, 255, 0.3);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

img {
	border: 5px solid rgba(255, 255, 255, 0);
	height: 0;
	position: absolute;
	left: 200px;
	width: 0;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

#me:hover + img {
	border: 5px solid rgba(255, 255, 255, 1.0);
	height: 240px;
	width: 320px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	-webkit-transition: height 0.5s;
}