﻿h1 {
	text-align: left;
}
.home {
	position: relative;
	right: 310px;
	top: 290px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.like {
	position: relative;
	right: 85px;
	top: 290px;
	-webkit-transform: scale(1.25, 1.25) rotate(90deg);
	-webkit-transform-origin: top right;
	-moz-transform: scale(1.25, 1.25) rotate(90deg);
	-moz-transform-origin: top right;
	-ms-transform: scale(1.25, 1.25) rotate(90deg);
	-ms-transform-origin: top right;
	transform: scale(1.25, 1.25) rotate(90deg);
	transform-origin: top right;
}
.container {
	width: 100%;
	height: 0px;
}
.paper {
	position: relative;
	top: 0px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	-webkit-box-shadow: -6px 6px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -6px 6px 4px rgba(0, 0, 0, 0.5);
	box-shadow: -6px 6px 4px rgba(0, 0, 0, 0.5);
}
#yellow {
	left: 0px;
}
#orange {
	left: 50px;
}
#green {
	left: 100px;
}
#blue {
	left: 150px;
}
#purple {
	left: 200px;
}
#pink {
	left: 250px;
}
#yellow, #orange, #green, #blue, #purple, #pink {
	width: 680px;
	position: absolute;
	top: -110px;
	-webkit-transform: translate(-40px, 0px) translate(-50%, 0px) rotate(-97deg);
	-webkit-transform-origin: top center;
	-webkit-transition: .5s;
	-moz-transform: translate(-40px, 0px) translate(-50%, 0px) rotate(-97deg);
	-moz-transform-origin: top center;
	-moz-transition: .5s;
	-ms-transform: translate(-40px, 0px) translate(-50%, 0px) rotate(-97deg);
	-ms-transform-origin: top center;
	-ms-transition: .5s;
	transform: translate(-40px, 0px) translate(-50%, 0px) rotate(-97deg);
	transform-origin: top center;
	transition: .5s;
}
#yellow:hover, #orange:hover, #green:hover, #blue:hover, #purple:hover {
	-webkit-transform: translate(-40px, 15px) translate(-50%, 0px) rotate(-97deg);
	-moz-transform: translate(-40px, 15px) translate(-50%, 0px) rotate(-97deg);
	-ms-transform: translate(-40px, 15px) translate(-50%, 0px) rotate(-97deg);
	transform: translate(-40px, 15px) translate(-50%, 0px) rotate(-97deg);
}
#yellow:target, #orange:target, #green:target, #blue:target, #purple:target {
	left: -340px;
	-webkit-transform: translate(700px, 330px) translate(-50%, 0px) rotate(0deg);
	-ms-transform: translate(700px, 330px) translate(-50%, 0px) rotate(0deg);
	transform: translate(700px, 330px) translate(-50%, 0px) rotate(0deg);
}
#yellow:target .paper, #orange:target .paper, #green:target .paper, #blue:target .paper, #purple:target .paper {
	-webkit-box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.5);
}