/*  Styles for Homework the 3 assignment 8 - working with components, props, and styling
    Author: 
*/
h1, h2 {
    text-align: center;
  }
  
  /* book CSS */
  #container {
    padding: 50px;
    background-color: #fff;
  }
  
 /*Card row class*/
   
 .cardrow{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
/* info id */
#info{
  padding:50px;
  background-color: #eee;
  border-radius: 10px;
  margin: 0 10px 0 10px; 
}
  
  /* ID that centers the validation text */
  #validation {
    text-align: center;
  }
  
  /* add a margin around the entire footer */
  footer {
    margin: 50px;
  }