@font-face {
  font-family: "sawton industrial";
  src: url("sawtonindustrial-light-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sawton industrial";
  src: url("sawtonindustrial-bold-webfont.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

* {
	font-family: "Cormorant Garamond", serif;
	font-optical-sizing: auto;
	margin: 0;
	padding: 0;
}

:root {
	--brand-red: hsl(11, 100%, 50%);
	--brand-yellow: hsl(56, 95%, 63%);
	--brand-green: hsl(150, 100%, 33%);
	--brand-blue: hsl(215, 98%, 58%);
	--brand-pink: hsl(315, 92%, 90%);
	--brand-blush: hsl(315, 92%, 98%);
	--gray-dark: hsl(0, 0%, 26%);
	--gray-dim: hsl(0, 0%, 37%);
	--gray-mid: hsl(0, 0%, 65%);
	--gray-light: hsl(0, 0%, 96%);
	--gray-white: hsl(0, 0%, 99.7%);
	--unit-font: clamp(1.2rem, 3vw, 1.5rem);
	--unit-border: calc(var(--unit-font) / 18);
}

.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

.moirai-one-regular {
  font-family: "Moirai One", system-ui;
  font-weight: 400;
  font-style: normal;
}