/* CHARSET */

@charset "utf-8";

/* STYLES */

html, body {
	background: #000;
	height: 100%;
	overflow: hidden;
}

#box1, #box2 {
	background: rgb(255, 255, 255) url(../photo1.JPG) fixed;
	display: inline-block;
	height: 100%;
	opacity: 0;
	transition: 2s;
	-moz-transition: 2s;
	-ms-transition: 2s;
	-o-transition: 2s;
	-webkit-transition: 2s;
	width: 1%;
}

#box2 {
	float: right;
}

body:hover #box1, body:hover #box1 + #box2 {
	opacity: 1;
	width: 50%;
}