/*  Styles for Project 1 components, props, and styling
    Author: Greg Buchmann
*/


h1,
h2 {
  text-align: center;
}

CSS for the Nesting Dolls #container {
  padding: 50px;
  background-color: #fff;
}

/*CSS for the small doll*/
#littledoll {
  padding: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: black;
  margin: 5px;
}

/*CSS for the middle dolls*/
#midsizedolls {
  padding: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: blue;
  margin: 5px;
}

/*CSS for the big doll*/
#bigdoll {
  padding: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: red;
  margin: 5px;
}

/* ID that centers the validation text */
#validation {
  text-align: center;
}

/* add a margin around the entire footer */
footer {
  margin: 50px;
}