@import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap');

.content-box {
  width: 50%;
  min-width: 300px;
  margin: 10rem auto;
  text-align: center;
  font-family: 'Varela Round', sans-serif;
}

.content-box h3 {
  margin: auto;
  padding: 1rem;
  width: 10em;
  border-bottom: 2px solid;
}

.content-box .quote-box {
  padding: 2rem;
}

#author {
  font-weight: bold;
  font-style: italic;
}

#author::before {
  content: '- ';
}

button#gen-quote {
  padding: 0.5rem 1.5rem;
  margin: 1rem;
  background: none;
  border: 2px solid;
  font-size: small;
  font-family: 'Varela Round', sans-serif;
}

button#gen-quote:hover {
  background: black;
  color: white;
  cursor: pointer;
}