@font-face {
  font-family: "MagdaCleanOT";
  src: url("./fonts/MagdaCleanOT.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MagdaCleanOT";
  src: url("./fonts/MagdaCleanOT-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Flat-it-Boycott";
  src: url("./fonts/Flat-it-Boycott.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Rollerscript-Smooth";
  src: url("./fonts/Rollerscript-Smooth.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-family-sans: MagdaCleanOT, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2 {
  font-family: Flat-it-Boycott;
}

h1,h2[class*="index-category__Title"]{
  color: #7f0017 !important;
}

p[class*="category__Description"]{
  font-family: Rollerscript-Smooth;
  font-weight: 900;
}

main header {
  background-image: none !important;
}