.coiny-regular {
  font-family: "Coiny", system-ui;
  font-weight: 400;
  font-style: normal;
}

.zain-extralight {
  font-family: "Zain", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.zain-light {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zain-regular {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zain-bold {
  font-family: "Zain", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zain-extrabold {
  font-family: "Zain", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.zain-black {
  font-family: "Zain", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.zain-light-italic {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.zain-regular-italic {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: italic;
}


.hepta-slab-normal {
  font-family: "Hepta Slab", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}


body {
  font-family: "Zain",'sans-serif';
  font-family: "Hepta Slab",'serif';
  font-size: 16px;
  
}

h1, h2 {
  font-family: 'Coiny';
}

h1 {
  font-size: 48px;
}
h2 {
  font-size: 32px;
}

.name {
  font-family: 'Coiny';
  font-size: 32px;
}

.box {
  line-height: 1.6;
}