html{background-color:#f0f0e0;}
#content {
	text-align: center;
	padding-bottom:50px;
	overflow:hidden;
}

#text1, #text2, #text3, #text4 {
	height:200px;
	width:100%;
	color:white;
	margin-top:300px;
	padding-top:40px;
}

#text1:hover, #text2:hover, #text3:hover, #text4:hover {
 	-webkit-box-shadow: inset 0 0 100px #fff;
    -moz-box-shadow: inset 0 0 100px #fff;
    box-shadow: inset 0 0 100px #fff;
    
}

#text2:hover, #text4:hover {
	left:0;
	
}

#text1:hover, #text3:hover {
	right:0;
	
}
h2 {
	font: 60px Rochester;
}

h3 {
	font: 40px Oswald;
}

#text1 {	
	background-color:#f47e7d;
	position:relative;
	right:1200px;
	transition:0.4s;
}

#text2 {
	background-color:#b19cd9;
	position:relative;
	left:1200px;
	transition:0.4s;
}

#text3 {
	background-color:#81c0c5;
	position:relative;
	right:1200px;
	transition:0.4s;
}

#text4 {
	background-color:#85d045;
	position:relative;
	left:1200px;
	transition:0.4s;
}

#footer {
	background-color:lightgrey;
	height:20px;
	padding:10px;
	transition:0.4s;
	margin-top:100px;
}

#chanette,#renee,#abby,#anita,#carmen,#fred,#ethan,#alicia {
	display:none;

}

.message{
	display:none;
	width:50%;
	margin:auto;
}

.message h2{
	font-size:40px;
}

img {
	width:700px;
	height:auto;
	margin:auto;
}

p {
	text-align: center;
}

h1 a {
	color: white;
	font: 50px Oswald;
	
	background-color:black;
	border: 4px solid black;
	padding:20px;
	transition:0.4s;

}

h1 a:hover {
	color:black;
	background-color:white;
}

h1 {
	text-align: center;
	margin:50px;
}