@font-face {
  font-family: "Processity";
  src: url("../assets/fonts/processity-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-synthesis: weight;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Outfit", sans-serif;
  background: var(--cream);
  color: var(--ink);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(31, 35, 41, 0.065) 1.2px,
    transparent 1.2px
  );
  background-size: 26px 26px;
  pointer-events: none;
  z-index: 0;
}