/* CSS Document: basic style sheet for web project 5*/
#wrapper{
margin:20px auto;
width:100%;
}
/*class for the div tag on page three*/

 .buttons{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
 }
/*id for div tag on page 2*/
#local{
  display: flex;
  justify-content: left;
  align-items: center;
  height: 120px;
}
/*a class that makes large images responsive*/
img.responsive{
	max-width:350px;/*sets the max image width to 350pixels*/
	height:auto;
	width:100%;
}
/* adds 10 pixels of padding around the header element*/
header{padding:10px;
}


body{background-color:#ffccff;/*light pink*/}
h1{color:#9191ff;/*light purple*/}
h2{color:#9963ff;/*purple*/}
body{font-family:Arial, Helvetica, sans-serif;}
	p{color: #bf00ff;/*darker purple*/}
	

h3{color:#9963ff;/*purple*/}
h4{
	color:#9963ff;/*purple*/
	text-align:center;
}/*new heading on page 3*/
/* form */
form {
   margin: 0 auto;
}

input {
   float: left;
   clear: left;
   margin: 10px;
}

label {
   float: left;
   font-size: 1.4em;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 16px;
   
}
/*footer style*/
footer{
	color:#bf00ff;/*darker purple*/
	text-align:center;
	font-size:16px;
	padding-top:50px;
	word-spacing:0.15em;
}