/* Figma Styles of your File */
:root {
  /* Colors */
  /* Fonts */
  --font-heading: "WashYourHand-Regular", "Wash Your Hand", cursive;
  --font-body: "Poppins-Medium", "Poppins", sans-serif;
  --font-body-bold: "Poppins-Bold", "Poppins", sans-serif;
  /* Effects */
}
/* Figma Color Variables of your File */

/* ============================================================
   WEB FONTS
   Wash Your Hand -> navbar & headline
   Poppins        -> body text
   File font disimpan di folder /fonts (satu level di atas halaman)
   ============================================================ */

@font-face {
  font-family: "WashYourHand-Regular";
  src: url("../fonts/Wash Your Hand.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Body text default = Poppins */
body {
  font-family: "Poppins-Medium", "Poppins", sans-serif;
}