@tailwind base;
@tailwind components;
@tailwind utilities;

/* HERO */
#hero {
  text-shadow: 2px 2px 3px black;
}

blockquote::before {
  font-family: "Font Awesome 6 Free";
  color: #79c753;
  content: "\f10d";
  font-weight: 900;
  font-size: 2rem;
  position: absolute;
  left: 10px;
  top: -15px;
}

.baskerville {
  font-family: baskerville, serif;
}
.w3-theme-border {
  border-color: #79c753;
}

@layer base {
  blockquote {
    @apply border-l-4 p-6 pb-1 mx-8 relative w3-theme-border baskerville;
  }
  blockquote p:last-of-type {
    @apply text-center uppercase mt-4;
  }
}