body {
	font-family: Arial;
	color:#333;
}

h1 {
	margin-bottom: 100px;
}

h1, h2 {
	text-align: center;
}

div {
	margin: 0 auto 100px auto;
	width: 960px;
	height: 200px;
	background: #ccc;
}

#box1 {
	background: rgb(169,198,172);
	background: linear-gradient(90deg, rgba(169,198,172,1) 0%, rgba(117,139,120,1) 39%, rgba(88,105,89,1) 100%);
}

#box2 {
	background: rgb(48,60,49);
	background: linear-gradient(189deg, rgba(48,60,49,1) 0%, rgba(88,105,89,1) 29%, rgba(169,198,172,1) 49%, rgba(117,139,120,1) 65%, rgba(36,45,37,1) 100%);
}

#box3 {
	width: 400px;
	height: 400px;
	background: rgb(169,198,172);
	background: radial-gradient(circle, rgba(169,198,172,1) 0%, rgba(117,139,120,1) 42%, rgba(122,142,124,1) 61%, rgba(88,105,89,1) 91%, rgba(69,83,70,1) 100%);
}

#box4 {
	-webkit-box-shadow: 10px 13px 14px 3px rgba(156,156,156,1);
	-moz-box-shadow: 10px 13px 14px 3px rgba(156,156,156,1);
	box-shadow: 10px 13px 14px 3px rgba(156,156,156,1);
	background: rgb(87,27,27);
}

#box5{
	-webkit-box-shadow: inset -4px -9px 20px 25px rgba(51,13,13,1);
	-moz-box-shadow: inset -4px -9px 20px 25px rgba(51,13,13,1);
	box-shadow: inset -4px -9px 20px 25px rgba(51,13,13,1);
	background: rgb(87,27,27);
}

#box6{
	background-image: url("images/pink-flowers.png");
	background-repeat: repeat-x;
}