:root {
  --abbey: #4f4d55;
  --alto: #dadada;
  --anti-flash-white: #f1f1f1;
  --athens-gray: #eff0f2;
  --black: #000000;
  --dark-charcoal: #2f3033;
  --electric-green: #3acf9c;
  --gallery: #ececed;
  --ghost-white: #eeeeee;
  --gray-nurse: #e8e8e8;
  --jungle-green: #2fa87e;
  --lotion-white: #fafafa;
  --pink-flamingo: #fa64ff14;
  --platinium: #e2e2e3;
  --pure-white: #ffffff;
  --raisin-black: #232027;
  --shocking-pink: #fa64ff;
  --sonic-silver: #787679;
  --blog-grey: #333333;

  --font-size-xxxxxl: 48px;
  --font-size-xxxxl: 32px;
  --font-size-xxxl: 24px;
  --font-size-xxl: 20px;
  --font-size-xl: 18px;
  --font-size-l: 16px;
  --font-size-m: 12px;
  --font-size-s: 8.3px;
  --font-size-xs: 5.8px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-inter-bold: "Inter-Bold", Helvetica;
  --font-family-inter-medium: "Inter-Medium", Helvetica;
  --font-family-inter-regular: "Inter-Regular", Helvetica;
  --font-family-inter-semibold: "Inter-SemiBold", Helvetica;
  --font-family-roobert_tw-light: "Roobert TW-Light", Helvetica;
  --font-family-roobert_tw-regular: "Roobert TW-Regular", Helvetica;
  --font-family-roobert_tw-medium: "Roobert TW-Medium", Helvetica;
  --font-family-roobert_tw-semibold: "Roobert TW-SemiBold", Helvetica;
  --font-family-roobert_tw-bold: "Roobert TW-Bold", Helvetica;
}

.rooberttw-medium-shark-16px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-shark-16px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-shark-12px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-boulder-18px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-boulder-16px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-20px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-shark-20px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-regular-normal-boulder-12px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-white-16px {
  color: var(--pure-white);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-shark-18px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-normal-abbey-9-7px {
  color: var(--abbey);
  font-family: var(--font-family-inter);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 400;
}

.inter-normal-abbey-6-8px {
  color: var(--abbey);
  font-family: var(--font-family-inter);
  font-size: 6.8px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-24px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-shark-24px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-boulder-8-3px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-boulder-5-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.rooberttw-medium-shark-32px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}

.inter-medium-mine-shaft-12-3px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter);
  font-size: 12.3px;
  font-style: normal;
  font-weight: 500;
}

.inter-medium-mine-shaft-8-6px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter);
  font-size: 8.6px;
  font-style: normal;
  font-weight: 500;
}

.inter-normal-boulder-6-9px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 6.9px;
  font-style: normal;
  font-weight: 400;
}

.inter-normal-boulder-4-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 4.8px;
  font-style: normal;
  font-weight: 400;
}

.inter-medium-shark-12-5px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-mine-shaft-9-7px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 600;
}

.inter-medium-shark-8-7px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 8.7px;
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-mine-shaft-6-8px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter);
  font-size: 6.8px;
  font-style: normal;
  font-weight: 600;
}

.rooberttw-medium-shark-40px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-shark-28px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
}

.inter-bold-shark-22-2px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 22.2px;
  font-style: normal;
  font-weight: 700;
}

.inter-normal-boulder-8-3px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-boulder-9-7px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-shark-6-9px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 6.9px;
  font-style: normal;
  font-weight: 600;
}

.inter-normal-shark-8-3px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-shark-15-5px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 15.5px;
  font-style: normal;
  font-weight: 700;
}

.inter-normal-boulder-5-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-boulder-6-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: 6.8px;
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-shark-4-8px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: 4.8px;
  font-style: normal;
  font-weight: 600;
}

.inter-normal-shark-5-8px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-56px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-bold-shark-18px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-shark-8-3px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.rooberttw-bold-shark-12px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.rooberttw-regular-normal-shark-14px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-shark-5-8px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

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

.rooberttw-medium-shark-64px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-jungle-green-8-3px {
  color: var(--jungle-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.rooberttw-semi-bold-shark-3-8px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-semibold);
  font-size: 3.8px;
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-jungle-green-5-8px {
  color: var(--jungle-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.rooberttw-regular-normal-shark-24px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-44px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-boulder-24px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-shark-16px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-48px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-shark-8px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-regular-normal-boulder-11px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-regular-normal-boulder-12-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 12.8px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-36px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-boulder-16px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-boulder-8-4px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.inter-regular-normal-abbey-9-8px {
  color: var(--abbey);
  font-family: var(--font-family-inter-regular);
  font-size: 9.8px;
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-abbey-9-7px {
  color: var(--abbey);
  font-family: var(--font-family-inter-regular);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 400;
}
.inter-medium-mine-shaft-12-7px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter-medium);
  font-size: 12.7px;
  font-style: normal;
  font-weight: 500;
}

.inter-regular-normal-boulder-7px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-boulder-6-9px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: 6.9px;
  font-style: normal;
  font-weight: 400;
}

.inter-medium-shark-12-7px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-medium);
  font-size: 12.7px;
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-mine-shaft-9-8px {
  color: var(--dark-charcoal);
  font-family: var(--font-family-inter-semibold);
  font-size: 9.8px;
  font-style: normal;
  font-weight: 600;
}

.inter-bold-shark-22-5px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-bold);
  font-size: 22.5px;
  font-style: normal;
  font-weight: 700;
}

.inter-regular-normal-boulder-8-4px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-boulder-9-8px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: 9.8px;
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-shark-7px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-semibold);
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
}

.inter-regular-normal-shark-8-4px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-boulder-8-3px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-boulder-9-7px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter-regular);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 400;
}

.inter-regular-normal-shark-8-3px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-shark-8-4px {
  color: var(--raisin-black);
  font-family: var(--font-family-inter-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-white-9-8px {
  color: var(--pure-white);
  font-family: var(--font-family-inter-semibold);
  font-size: 9.8px;
  font-style: normal;
  font-weight: 600;
}

.inter-semi-bold-jungle-green-8-4px {
  color: var(--jungle-green);
  font-family: var(--font-family-inter-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.rooberttw-regular-normal-boulder-18px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-boulder-20px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-shark-18px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-medium-shark-72px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-boulder-15-2px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-shark-10-6px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 10.6px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-quill-gray-10-6px {
  color: var(--grid-gray);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 10.6px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-shark-9-2px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 9.2px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-medium-quill-gray-9-2px {
  color: var(--grid-gray);
  font-family: var(--font-family-roobert_tw-medium);
  font-size: 9.2px;
  font-style: normal;
  font-weight: 500;
}

.rooberttw-regular-normal-pink-flamingo-12px {
  color: var(--shocking-pink);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rooberttw-semi-bold-shark-5px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-semibold);
  font-size: 5px;
  font-style: normal;
  font-weight: 600;
}

.rooberttw-light-black-30-9px {
  color: var(--black);
  font-family: var(--font-family-roobert_tw-light);
  font-size: 30.9px;
  font-style: normal;
  font-weight: 300;
}

.rooberttw-semi-bold-shark-4-3px {
  color: var(--raisin-black);
  font-family: var(--font-family-roobert_tw-semibold);
  font-size: 4.3px;
  font-style: normal;
  font-weight: 600;
}

.rooberttw-regular-normal-pink-flamingo-7-2px {
  color: var(--shocking-pink);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 7.2px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-regular-normal-boulder-7-9px {
  color: var(--sonic-silver);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: 7.9px;
  font-style: normal;
  font-weight: 400;
}

.rooberttw-regular-boulder-14px {
  color: var(--abbey);
  font-family: var(--font-family-roobert_tw-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}