﻿h1 {
	text-align: right;
}
.home {
	margin-top: -5px;
	margin-bottom: 15px;
	text-align: right;
}
.like {
	position: relative;
	left: 530px;
	-webkit-transform: scale(1.25, 1.25);
	-webkit-transform-origin: top right;
	-moz-transform: scale(1.25, 1.25);
	-moz-transform-origin: top right;
	-ms-transform: scale(1.25, 1.25);
	-ms-transform-origin: top right;
	transform: scale(1.25, 1.25);
	transform-origin: top right;
}
.container {
	width: 100%;
	height: 0px;
}
.paper {
	position: relative;
	top: 200px;
	box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.5);
}
#yellow {
	top: 0px;
}
#orange {
	top: 50px;
}
#green {
	top: 100px;
}
#blue {
	top: 150px;
}
#purple {
	top: 200px;
}
#pink {
	top: 250px;
}
#yellow, #orange, #green, #blue, #purple, #pink {
	position: absolute;
	left: -450px;
	-webkit-transform: translate(350px, -240px) translate(-50%, 0px) rotate(7deg);
	-webkit-transform-origin: 50% 380px;
	-webkit-transition: .75s;
	-ms-transform: translate(350px, -240px) translate(-50%, 0px) rotate(7deg);
	-ms-transform-origin: 50% 380px;
	-ms-transition: .75s;
	transform: translate(350px, -240px) translate(-50%, 0px) rotate(7deg);
	transform-origin: 50% 380px;
	transition: .75s;
}
#yellow:hover, #orange:hover, #green:hover, #blue:hover, #purple:hover {
	-webkit-transform: translate(365px, -240px) translate(-50%, 0px) rotate(7deg);
	-ms-transform: translate(365px, -240px) translate(-50%, 0px) rotate(7deg);
	transform: translate(365px, -240px) translate(-50%, 0px) rotate(7deg);
}
#yellow:target, #orange:target, #green:target, #blue:target, #purple:target {
	top: -200px;
	-webkit-transform: translate(460px, 0px) translate(0px, 0px) rotate(360deg);
	-ms-transform: translate(460px, 0px) translate(0px, 0px) rotate(360deg);
	transform: translate(460px, 0px) translate(0px, 0px) rotate(360deg);
}
@media screen and (max-width: 1240px) {
	#yellow:target, #orange:target, #green:target, #blue:target, #purple:target {
		-webkit-transform: translate(1060px, 0px) translate(-50%, 0px) rotate(360deg);
		-ms-transform: translate(1060px, 0px) translate(-50%, 0px) rotate(360deg);
		transform: translate(1070px, 0px) translate(-50%, 0px) rotate(360deg);
	}
}