/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
  box-sizing: border-box;
}

/******************************************
/* LAYOUT
/*******************************************/

html {
  font-size: 16px; 
}

body * {
  text-align: center; 
}

body {
  font-family: 'Josefin Slab', serif; 
  font-size: 1.5rem; 
}





  h1 {
    font-size: 4rem; 
    font-family: Helvetica, sans-serif; 
    color: black; 
  }
img{
  display: none;
  margin: 0 auto;
  max-height: 500px;
  border: 10px solid black; 
  border-radius: 10px; 
}



section {
  padding: 0 8rem 0 8rem; 
  width: 100%; 
}

  .generate {
    width: 50%; 
    margin: 0 auto; 
    margin-top: 1rem; 
    display: flex;
    justify-content: center;
  }

  #randomCard {
    margin-left: 30px;
  }




/******************************************
/* ADDITIONAL STYLES
/*******************************************/


/* button */

button {
  background-color: black;
  border: 5px solid black;
  margin-bottom: 15px; 

}


/* heading */
h3 {
  display: none;
  text-align: center; 

}

h2 {
  font-weight: bold; 
  color: black;
}

.float {
  display: flex;
  justify-content: space-evenly;
}

p, label, a, h3 {
  color: black;
  font-weight: bold; 
}

a {
  text-decoration: none; 
}

button {
  color: #f5f3f4; 
  font-weight: bold; 
}