:root {
  --bs-body-bg: rgb(1, 0.84, 0.87);
  --bs-body-color: rgb(0.44, 0.39, 0.34);
  --bs-link-color: rgb(1, 0.49, 0.54);
  @supports (color: color(display-p3 1 1 1)) {
    --bs-body-bg: color(display-p3 1 0.845 0.869);
    --bs-body-color: color(display-p3 0.44 0.393 0.341); 
    --bs-link-color: color(display-p3 1 0.495 0.54);
  }
  --bs-font-sans-serif: "Open Sauce Sans", sans-serif;
}

@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-Regular.ttf") format("truetype");
  font-weight: 400;

}
@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Open Sauce Sans";
  src: url"fonts/OpenSauceSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Open Sauce Sans";
  src: url("fonts/OpenSauceSans-Black.ttf") format("truetype");
  font-weight: 900;
}