body{
	background-color: lightgrey;
}
h1{
	text-align: center;
	background-color: grey;
}
#primera{
	position: absolute;
	top: 8%;
	left:10%;
	width: 30%;
	height: 20%;
	border: hsl(40, 40%, 35%) 2px solid;
	background-color: hsl(40, 100%, 75%);
	text-align: center;
	padding-top: 80px;
	margin-top: 40px;
}
#segunda{
	position: absolute;
	top: 8%;
	left:60%;
	width: 30%;
	height: 20%;
	border: hsl(40, 40%, 35%) 2px solid;
	background-color: hsl(40, 100%, 75%);
	text-align: center;
	padding-top: 80px;
	margin-top: 40px;
}
#tercera{
	position: absolute;
	top: 30%;
	left:35%;
	width: 30%;
	height: 20%;
	border: hsl(40, 40%, 35%) 2px solid;
	background-color: hsl(40, 100%, 75%);
	text-align: center;
	padding-top: 85px;
}
#cuarta{
	position: absolute;
	top: 50%;
	left:10%;
	width: 30%;
	height: 20%;
	border: hsl(40, 40%, 35%) 2px solid;
	background-color: hsl(40, 100%, 75%);
	text-align: center;
	padding-top: 80px;
}
#quinta{
	position: absolute;
	top: 50%;
	left:60%;
	width: 30%;
	height: 20%;
	border: hsl(40, 40%, 35%) 2px solid;
	background-color: hsl(40, 100%, 75%);
	text-align: center;
	padding-top: 80px;
}
#tercera:hover{
  z-index:3;
}