body {
  margin: 0;
   color: #2F2FE4;
  font-family: "Libre Caslon Text", Georgia, serif;
}
 
h1 {
  color: #2F2FE4;
  font-size: 2.5rem;
}
 
.tagline {
  color: #ffffff;
}

.hero {
  padding: 3rem 1rem 1rem;
  text-align: center;
}
 
main {
  max-width: 32rem;
  margin: 0 auto;
  padding: 0 1rem 4rem;
}
 
.fact-card {
  border: 2px solid #2F2FE4;
 background: #ffffff;
 padding: 2rem;
 display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
 
#message {
  font-style: italic;
}

button {
  font: inherit;
  color: #ffffff;
  background: #1A1953;
  border: none;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}
 
button:hover {
  background: #162E93;
  transform: scale(1.05);
}

.scene { border-radius: 30px; width: 12rem;
    }