/* 
   Spotted Wren Garden Center style sheet 
   Filename: styles.css

   Author:   alex
   Date:     4/3/2026
   HTML5 and CSS3 Illustrated Unit E, Independent Challenge 1
 */

/* reset styles */
article, body, div, footer, header, h1, h2, p {
   border: 0;
   padding: 0;
   margin: 0;
}

html {
	font-size: 12px;
}
/* global styles */
p {
   margin: 0.4em 0;
   font-size: 1.2em;
}

/* body and page container */
.container {
   max-width: 800px;
   margin: 0 auto;
   background-color: rgb(106,194,56);
   box-shadow: 0 0 10px #000;
}

body {
	font-family: Lato, Arial, Helvetica, sans-serif;
	background-color: #fff;
}
/* header section */
header {
   padding: 0.5em;
   background-color: yellow;
   text-align: center;
}

header p {
	color: #f15a24;
	font-weight: bold;
}
	
h1 {
	font-size: 3em;
	font-weight: bold;
}

/* main content */
article {
   max-width: 400px;
   padding: 10px;
   margin: 1em auto;
   text-align: center;
   background-color: #fff;
}

h2 {
   margin: 0 0 0.4em;
   font-size: 2.4em;
   font-weight: bold;
}

span {
	color: green;
}

/* footer section */
footer {
   padding: 0.5em;
   background-color: yellow;
   text-align: center;
}