*{
  scroll-behavior: smooth;
}


/* STYLE SECTIONING TAGS */
body {
  background-color: #dff6fb;

  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  text-align:center;
  
  margin: 2em;

}

/* STYLE TEXT */
#catEmoticon {
  font-size: 120%;
  color: #0c5a54;
  margin-bottom: -1%;
}

h1 {
  font-style: italic;
  color: #0c5a54;
}

h2 {
  font-family: Garamond, cursive;
  
  margin-top: 1.75em; 
  margin-bottom: 0;
}

p {
  font-family: Garamond, cursive;
  font-size: 120%;
  color: #0c5a54;
  margin-bottom: 6%;
}

#result {
  margin-top: 1%;
  font-size: 200%;
  color: #0c5a54;
}

/* STYLE FLEX CONTAINER */
.question {
  display: flex;
  /* uncomment the next line to center the questions and answers */
  justify-content: center;
  margin-top: 1em;
  margin-bottom: 1.5em;
}


/* STYLE FLEX ITEM */
.answer-choice {
  margin: 5px;
}


/* STYLE IMAGES */
.answer-choice img {
  height: 10em;
  max-width: 200%;
}


/* STYLE BUTTON */
button { 
  color: white;
  font-family: Garamond, cursive;
  font-size: 110%;
  background-color: #0c5a54;

  padding: 3%;
  
  border: none;
  border-radius: .4em;

  margin-top: 5px;
}

button:hover {
  background-color: #85bcb7;
}

button:disabled {
  background-color: #b4d9d6;
}

.bottomButton {
  color: white;
  font-family: Garamond, cursive;
  font-size: 20px;
  background-color: #0c5a54;

  padding: 1%;;
  border: none;
  border-radius: .4em;

  margin-top: 3%;
}