body {
  font-family: 'Georgia', serif;
  background-color: #fdfaf6;
  color: #3e3e3e;
  margin: 0;
  padding: 20px;
}

header {
  text-align: center;
  margin-bottom: 40px;
}

h1 {
  font-size: 2.5em;
  color: #5d4037;
}

.subtitle {
  font-style: italic;
  color: #8d6e63;
}

.quote-grid {
  display: grid;
  gap: 25px;
  max-width: 900px;
  margin: auto;
}

.quote-card {
  background: #fff;
  border-left: 5px solid #a1887f;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

blockquote {
  font-size: 1.2em;
  margin: 0;
  line-height: 1.6;
  quotes: "“" "”";
}

blockquote::before {
  content: open-quote;
}

blockquote::after {
  content: close-quote;
}

.author {
  margin-top: 10px;
  text-align: right;
  color: #6d4c41;
  font-style: italic;
}