:root {
  --primary-colour: hsl(0, 87%, 50%);
  --primary-colour-dark: hsl(0, 84%, 29%);
  --primary-colour-darkest: hsl(0, 85%, 20%);
}

body {
  background-color: #ffdcdc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23FAF0F0' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");
}

#header-bg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(291deg) brightness(104%) contrast(103%);
}

#new-bg {
  filter: brightness(0) saturate(100%) invert(77%) sepia(16%) saturate(4450%)
    hue-rotate(289deg) brightness(90%) contrast(97%);
}

.blob1 {
  background-image: url("../stamp-icons/rodeo/blob1.svg");
}

.blob2 {
  background-image: url("../stamp-icons/rodeo/blob2.svg");
}

.blob3 {
  background-image: url("../stamp-icons/rodeo/blob3.svg");
}

.blob4 {
  background-image: url("../stamp-icons/rodeo/blob4.svg");
}

.blob5 {
  background-image: url("../stamp-icons/rodeo/blob5.svg");
}

.blob6 {
  background-image: url("../stamp-icons/rodeo/blob6.svg");
}

.blob7 {
  background-image: url("../stamp-icons/rodeo/blob7.svg");
}

.blob8 {
  background-image: url("../stamp-icons/rodeo/blob8.svg");
}