@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap");
@import url("https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");

body {
  font-family: 'Roboto Slab', serif;
}
h1, h2, h3 {
  font-family: 'Oswald', sans-serif;
}
@keyframes gradientBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.hero-gradient {
  background: linear-gradient(45deg, #8B0000, #000000, #4B0000, #1A1A1A);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
}
.hero-title {
  font-family: 'Metal Mania', cursive;
}
.manifesto-text {
  font-family: 'Cinzel Decorative', cursive;
  font-size: 1.75rem;
  line-height: 2;
}
.manifesto-heading {
  font-family: 'Cinzel Decorative', cursive;
}