@font-face {
  font-family: popinRegular;
  src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
  font-family: popinThin;
  src: url("../fonts/Poppins-Thin.ttf");
}
@font-face {
  font-family: popinlight;
  src: url("../fonts/Poppins-Light.ttf");
}
@font-face {
  font-family: popinlightextra;
  src: url("../fonts/Poppins-ExtraLight.ttf");
}
@font-face {
  font-family: popinsemibold;
  src: url("../fonts/Poppins-SemiBold.ttf");
}
:root {
  --header: "popinsemibold";
  --para: "popinRegular";
  --htag: "popinlightextra";
  --green: #0d9979;
}
header {
  font-family: var(--header);
}
p {
  font-family: var(--para);
}
h1,
h2,
h3,
h4,
h5 {
  font-family: var(--htag);
}