:root { 
  --bg: #001226;
  --bggray: #f8f8f8;
  --bk: #000000;
  --btblue: #00b1ff;
  --ctgray: #d9d9d9;
  --ctgray2: #616161;
  --frblue: #011e3d;
  --geyser: #d6ddeb;
  --ltblue: #315b99;
  --magic-potion: #002246;
  --navy-blue: #3574d6;
  --ptyellow: #f6d04e;
  --wild-sand: #f3f3f3;
  --wt: #ffffff;
 
  --font-size-24px: 24px;
  --font-size-l: 13px;
  --font-size-m: 12px;
  --font-size-s: 10px;
  --font-size-xl: 14px;
  --font-size-xxl: 15px;
  --font-size-xxxl: 16px;
  --font-size-xxxxl: 17px;
 
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
}
.headline {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}

.headline2 {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}

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

.body {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.caption {
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
}

.body2 {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}

.leaguetitle {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-24px);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}

.pretendard-semi-bold-black-20px {
  color: var(--bk);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-white-15px {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-white-15px-2 {
  color: var(--wt);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

:root {
}