body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
}

h1 {
  font-family: "Domine", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-fade-in {
  animation: fade-in 2s ease-out forwards;
}

.animate-delay {
  animation-delay: 800ms;
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #000;
  color: #fff;
  padding: 0.75rem 1.5rem; /* py-3 px-6 */
  font-weight: 500;
  text-decoration: none;
}

.btn-primary:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem; /* py-3 px-6 */
  font-weight: 500;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
}