@import url('style.css'); 		/** Imports the main css **/
@import url('start-middle.css');	/** Imports the css for step 1 and 3 **/
.polaroid-one{
	background-repeat:no-repeat;
	right:50px;
	top:115px;
	/** Rotates the polaroid **/
	transform:rotate(345deg);
	-ms-transform:rotate(345deg); /* IE 9 */
	-moz-transform:rotate(345deg); /* Firefox */
	-webkit-transform:rotate(345deg); /* Safari and Chrome */
	-o-transform:rotate(345deg); /* Opera */
	z-index:10; /** Positions it in front of the other polaroid **/
}
/** Sets the image in the polaroid **/
.one{
	background-image:url("../bilder/vaska.jpg");
}
.polaroid-two{
	background-repeat:no-repeat;
	right:85px;
	top:410px;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-moz-transform:rotate(7deg); /* Firefox */
	-webkit-transform:rotate(7deg); /* Safari and Chrome */
	-o-transform:rotate(7deg); /* Opera */
}
.two{
	background-image:url("../bilder/flicka.jpg");
}