/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 / 160 / 256 / 512

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/
@font-face {
  font-family: "sahel";
  src: url("../fonts/Sahel.ttf") format("truetype");
}

@font-face {
  font-family: "sahel-semi-bold";
  src: url("../fonts/Sahel-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "sahel-black";
  src: url("../fonts/Sahel-Black.ttf") format("truetype");
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
    font-size: 62.5%;
}
html,
body {
  max-width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: sans-serif;
  unicode-bidi: embed;
  color: #343a40;
  scroll-behavior: smooth;
}

h2 {
  font-family: "sahel-black", sans-serif;
  font-size: clamp(3.2rem, 4vw, 5.2rem);
  text-align: center;
  font-weight: 700;
  color: oklch(39.8% 0.07 227.392);
}