:root { 
  --black-squeeze: #f3f7fa;
  --diesel: #0b0000;
  --dove-gray: #707070;
  --link-water: #cce3f5;
  --white: #ffffff;
 
  --font-size-l: 24px;
  --font-size-m: 12px;
  --font-size-me: 16px;
  --font-size-xl: 36px;
  --font-size-ml: 18px;
  --font-size-l: 20px;
  --font-size-el: 24px;
 
  --font-family-segoeui-bold: "SegoeUI-Bold", Helvetica;
  --font-family-segoeui-regular: "SegoeUI-Regular", Helvetica;
}
.segoeui-regular-normal-diesel-12px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.segoeui-regular-bold-diesel-12px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-bold-diesel-16px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-me);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-bold-diesel-18px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-ml);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-normal-diesel-20px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.segoeui-regular-bold-diesel-20px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.segoeui-regular-bold-diesel-24px {
  color: var(--diesel);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-el);
  font-style: normal;
  font-weight: 700;
}

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