* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  height:100vh;
  display:flex;
  justify-content:center;
  font-size:18px;
}

.main-container {
  margin-top: 10vh;
  text-align:center;
}

.main-container h3 {
  margin-bottom: 5vh;
  color: #333
}

.main-container .random {
  color: olivedrab;
  font-weight: bold;
  font-size: 24px;
}

.main-container button {
  margin-bottom: 5vh;
  padding:8px 15px;
  font-size: 20px;
  background-color:orange;
  border: none;
  color: #ffffff;
  border-radius: 20px;
}

.display-container {
  width:45vw;
  height:45vh;
  box-shadow:0px 0px 6px grey;
  border:5px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.display-container .quote {
  font-size:2rem;
  color:olivedrab;
  font-weight:bold;
}

.display-container .author {
  font-size:2rem;
  color: orange;
  font-weight:bold;
}

.display-container .error {
  font-size:1.25rem;
  color:red;
}