.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.triangle {
  width: 100%;
  height: 100%;
  background-image: url("/img/dot.svg");
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -55%);
}

.circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url("/img/wave.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -45%);
}

.footer {
  background-image: url("/img/wave.svg");
}