:root { 
  --akaroa: #d8c7ad;
  --alto: #e2dddb;
  --alto-2: #d9d9d9;
  --black: #000000;
  --boulder: #7a7a7a;
  --cotton-seed: #c0baba;
  --eerie-black: #1e1e1e;
  --grey: #7f7f7f;
  --heavy-metal: #2c2c2c;
  --heavy-metal-2: #2c2b2a59;
  --licorice: #151515;
  --parchment: #f1e5d3;
  --sand-dune: #886b60;
  --sand-dune-2: #886b5f;
  --white: #ffffff;
  --white-2: #ffffff1a;
  --white-3: #ffffff59;
 
  --font-size-l: 24px;
  --font-size-m: 20px;
  --font-size-s: 15px;
  --font-size-xl: 25px;
  --font-size-xs: 14px;
  --font-size-xxl: 60px;
  --font-size-xxs: 13px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-playfair_display: "Playfair Display", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-poppins-bold: "Poppins-Bold", Helvetica;
}
.poppins-medium-gray-13px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-gray-20px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-gray-25px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-gray-15px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.poppins-normal-gray-20px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-boulder-20px {
  color: var(--boulder);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-gray-15-6px {
  color: var(--grey);
  font-family: var(--font-family-inter);
  font-size: 15.6px;
  font-style: normal;
  font-weight: 500;
}

.playfairdisplay-bold-alto-24px {
  color: var(--alto);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-gray-13px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.playfairdisplay-bold-white-60px {
  color: var(--white);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-medium-gray-16px {
  color: var(--grey);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.playfairdisplay-semi-bold-akaroa-18px {
  color: var(--akaroa);
  font-family: var(--font-family-playfair_display);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.playfairdisplay-bold-alto-80px {
  color: var(--alto);
  font-family: var(--font-family-playfair_display);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
}

.poppins-medium-akaroa-20px {
  color: var(--akaroa);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-white-15px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.poppins-medium-akaroa-14px {
  color: var(--akaroa);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.playfairdisplay-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.playfairdisplay-bold-white-80px {
  color: var(--white);
  font-family: var(--font-family-playfair_display);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
}

.playfairdisplay-bold-white-180px {
  color: var(--white);
  font-family: var(--font-family-playfair_display);
  font-size: 180px;
  font-style: normal;
  font-weight: 700;
}

.playfairdisplay-bold-alto-35px {
  color: var(--alto);
  font-family: var(--font-family-playfair_display);
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-sand-dune-180px {
  color: var(--sand-dune);
  font-family: var(--font-family-inter);
  font-size: 180px;
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-cotton-seed-16px {
  color: var(--cotton-seed);
  font-family: var(--font-family-poppins);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.playfairdisplay-bold-sand-dune-24px {
  color: var(--sand-dune-2);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-alto-16px {
  color: var(--alto);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.poppins-semi-bold-cotton-seed-14px {
  color: var(--cotton-seed);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.playfairdisplay-semi-bold-akaroa-35px {
  color: var(--akaroa);
  font-family: var(--font-family-playfair_display);
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
}

.playfairdisplay-bold-alto-60px {
  color: var(--alto);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.playfairdisplay-semi-bold-akaroa-20px {
  color: var(--akaroa);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-white-15px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.poppins-normal-gray-16px {
  color: var(--grey);
  font-family: var(--font-family-poppins);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.inter-bold-sand-dune-14px {
  color: var(--sand-dune-2);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-sand-dune-25px {
  color: var(--sand-dune-2);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-sand-dune-160px {
  color: var(--sand-dune);
  font-family: var(--font-family-inter);
  font-size: 160px;
  font-style: normal;
  font-weight: 600;
}

.inter-medium-black-14px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}