body {
	font-size: 25px;
	background-image: url("img/cubism.jpg");
	background-attachment: scroll;
}

h1 span{
	font-size: .5em;
}

#wrapper {
	width: auto; 
	margin: 50px auto;
}

h1 {
	color: white;
	margin: 50px auto;
	text-shadow: 3px 3px black;
}

h3{
	color:white;
	margin: 50px auto;
	text-indent: 300px;
	text-shadow: 5px 5px black;
}

#bio {
	font-size: .9em;
	color: white;
}

.stanzaone{
  position: relative;
  width: 50%;
}

.bird {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzaone:hover .overlayone {
  opacity: .8;
}

.textone {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzatwo{
  position: relative;
  width: 50%;
}

.birds {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaytwo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzatwo:hover .overlaytwo {
  opacity: .8;
}

.texttwo {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzathree{
  position: relative;
  width: 50%;
}

.flyingbird {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaythree{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzathree:hover .overlaythree {
  opacity: .8;
}

.textthree {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzafour{
  position: relative;
  width: 50%;
}

.together {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayfour{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzafour:hover .overlayfour {
  opacity: .8;
}

.textfour {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzafive{
  position: relative;
  width: 50%;
}

.singing {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayfive{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzafive:hover .overlayfive {
  opacity: .8;
}

.textfive {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzasix{
  position: relative;
  width: 50%;
}

.freezing {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaysix{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzasix:hover .overlaysix {
  opacity: .8;
}

.textsix {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzaseven{
  position: relative;
  width: 50%;
}

.stroll {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayseven{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzaseven:hover .overlayseven {
  opacity: .8;
}

.textseven {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzaeight{
  position: relative;
  width: 50%;
}

.majestic {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayeight{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzaeight:hover .overlayeight {
  opacity: .8;
}

.texteight {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzanine{
  position: relative;
  width: 50%;
}

.distance {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaynine{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzanine:hover .overlaynine {
  opacity: .8;
}

.textnine {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzaten{
  position: relative;
  width: 50%;
}

.green {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayten{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzaten:hover .overlayten {
  opacity: .8;
}

.textten {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzaeleven{
  position: relative;
  width: 50%;
}

.shadow {
  display: block;
  width: 450px;
  height: 350px;
}

.overlayeleven{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzaeleven:hover .overlayeleven {
  opacity: .8;
}

.texteleven {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzatwelve{
  position: relative;
  width: 50%;
}

.river {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaytwelve{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzatwelve:hover .overlaytwelve {
  opacity: .8;
}

.texttwelve {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.stanzathirteen{
  position: relative;
  width: 50%;
}

.cedar {
  display: block;
  width: 450px;
  height: 350px;
}

.overlaythirteen{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 350px;
  width: 450px;
  opacity: 0;
  transition: .5s ease;
  background-color: grey;
  box-shadow: 20px 20px black;
}

.stanzathirteen:hover .overlaythirteen {
  opacity: .8;
}

.textthirteen {
  color: black;
  font-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

a:link, a:visited {
	color: cyan;
	text-decoration: none;

}

a:hover, a:focus {
	color: white;
}

a:active {
	color: green;
}
/* Start http://www.cursors-4u.com */ * {cursor: url(http://ani.cursors-4u.net/others/oth-9/oth868.ani), url(http://ani.cursors-4u.net/others/oth-9/oth868.png), auto !important;} /* End http://www.cursors-4u.com */