/*  Styles for Homework 5
    Author: Greg Buchmann
*/

/* heading styles */
h1 {
  text-align: center;
}

h4 {
  text-align: center;
}

/* button style */
button {
  /* a. A 15 pixel margin around the entire button.
     b. A background color of 336699 (be sure to use proper syntax).
     c. Make the text color white.
     d. Add a 5 pixel border radius
  */
  margin: 15px;
  background-color: #336699;
  color: white;
  border-radius: 5px;
}

/* main container for React code */
#container {
  padding: 50px;
  margin: 0 75px 0 75px;
  background-color: #fa8072; /* salmon */
  display: flex;
  justify-content: center;
  border-radius: 15px;
  min-width: 250px;
}

/* descriptive paragraph */
#description_info {
  padding: 75px;
  margin: 50px;
  justify-content: center;
}

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

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