:root { 
  --apple-green: #e0f0f5;
  --black: #00000098;
  --cardinal: #c62632;
  --charade: #2b2e34;
  --cinderella: #fbe7dc;
  --copper: #e29578;
  --dove-gray: #707070;
  --ferra: #72474a;
  --metallic-seaweed: #00838f;
  --sinbad: #9ed1cc;
  --wax-flower: #ffc2ad;
  --white: #ffffff;
 
  --font-size-l: 25px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 45px;
  --font-size-xs: 17px;
  --font-size-xxl: 50px;
  --font-size-xxs: 15px;
 
  --font-family-bebas-regular: "Bebas-Regular", Helvetica;
  --font-family-littlepea_-_demo-regular: "LittlePea - Demo-Regular", Helvetica;
  --font-family-monday-personaluse-regular: "Monday-PersonalUse-Regular", Helvetica;
  --font-family-oswald: "Oswald", Helvetica;
  --font-family-playfair_display: "Playfair Display", Helvetica;
  --font-family-quicksand: "Quicksand", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-robotocondensed-bold: "RobotoCondensed-Bold", Helvetica;
  --font-family-robotocondensed-light: "RobotoCondensed-Light", Helvetica;
  --font-family-robotocondensed-regular: "RobotoCondensed-Regular", Helvetica;
}
.quicksand-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quicksand-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.playfairdisplay-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-playfair_display);
  font-size: var(--font-size-m);
}

.littlepea-demo-regular-normal-cinderella-18px {
  color: var(--cinderella);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.quicksand-normal-black-20px-2 {
  color: var(--black);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-m);
}

.monday-personaluse-regular-normal-white-55px {
  color: var(--white);
  font-family: var(--font-family-monday-personaluse-regular);
  font-size: 55px;
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-ferra-18px {
  color: var(--ferra);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-cinderella-17px {
  color: var(--cinderella);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-regular-normal-charade-15px {
  color: var(--charade);
  font-family: var(--font-family-robotocondensed-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-cinderella-16px {
  color: var(--cinderella);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-cardinal-16px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-cardinal-18px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-light-charade-14px {
  color: var(--charade);
  font-family: var(--font-family-roboto);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}

.robotocondensed-regular-normal-charade-17px {
  color: var(--charade);
  font-family: var(--font-family-robotocondensed-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.littlepea-demo-regular-normal-cardinal-13px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-light-cinderella-16px {
  color: var(--cinderella);
  font-family: var(--font-family-robotocondensed-light);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.littlepea-demo-regular-normal-cardinal-17px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-light-cinderella-17px {
  color: var(--cinderella);
  font-family: var(--font-family-robotocondensed-light);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.monday-personaluse-regular-normal-cardinal-55px {
  color: var(--cardinal);
  font-family: var(--font-family-monday-personaluse-regular);
  font-size: 55px;
  font-style: normal;
  font-weight: 400;
}

.littlepea-demo-regular-normal-cardinal-25px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-regular-normal-charade-23px {
  color: var(--charade);
  font-family: var(--font-family-robotocondensed-regular);
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
}

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

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

.littlepea-demo-regular-normal-cardinal-11px {
  color: var(--cardinal);
  font-family: var(--font-family-littlepea_-_demo-regular);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-light-cinderella-15px {
  color: var(--cinderella);
  font-family: var(--font-family-robotocondensed-light);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 300;
}

.bebas-regular-normal-ferra-32px {
  color: var(--ferra);
  font-family: var(--font-family-bebas-regular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.robotocondensed-bold-charade-29px {
  color: var(--charade);
  font-family: var(--font-family-robotocondensed-bold);
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
}

.border-1-8px-copper {
  border: 1.8px solid var(--copper);
}

.border-1px-black {
  border: 1px solid var(--black);
}

.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}