:root { 
  --alabaster: #fafafa;
  --black: #000000;
  --black-2: #00000080;
  --cerulean: #0ea5e9;
  --dove-gray: #6e6e6e;
  --eerie-black: #171717;
  --gray-nurse: #e8e8e8;
  --lochmara: #0284c7;
  --malibu: #7dd3fc;
  --mercury: #e5e5e5;
  --mischka: #cbd5e1;
  --sonic-silver: #737373;
  --white: #ffffff;
  --white-2: #ffffff80;
 
  --font-size-30px: 30px;
  --font-size-l: 32px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 40px;
  --font-size-xs: 16px;
  --font-size-xxl: 60px;
  --font-size-xxs: 14px;
 
  --font-family-dm_sans: "DM Sans", Helvetica;
  --font-family-geist: "Geist", Helvetica;
  --font-family-pretendard-bold: "Pretendard-Bold", Helvetica;
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
}
.text-3xlleading-normalbold {
  font-family: var(--font-family-geist);
  font-size: var(--font-size-30px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.text-2xlleading-normalmedium {
  font-family: var(--font-family-geist);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.heading-2 {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -1.6px;
}

.paragraph {
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.08px;
}

.pretendard-medium-black-24px {
  color: var(--black-2);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.pretendard-bold-black-32px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.pretendard-bold-eerie-black-24px {
  color: var(--eerie-black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.pretendard-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-medium-dove-gray-14px {
  color: var(--dove-gray);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-eerie-black-60px {
  color: var(--eerie-black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.dmsans-bold-gray-nurse-80px {
  color: var(--gray-nurse);
  font-family: var(--font-family-dm_sans);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
}

.dmsans-bold-gray-nurse-40px {
  color: var(--gray-nurse);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-semi-bold-white-32px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.pretendard-medium-black-20px {
  color: var(--black-2);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-eerie-black-16px {
  color: var(--eerie-black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.pretendard-medium-sonic-silver-14px {
  color: var(--sonic-silver);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}
