body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-darkslategray: #464545;
  --color-floralwhite: #fffaee;
  --color-gray-100: #957e71;
  --Lanka-Zwart: #282828;
  --Primair-lanka: #ede6d4;
  --Secundair-Lanka: #866761;

  /* Gap */
  --gap-10: 10px;
  --gap-11: 11px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-22: 22px;
  --gap-28: 28px;
  --gap-30: 30px;

  /* Padding */
  --padding-0: 0px;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-26: 26px;
  --padding-28: 28px;
  --padding-36: 36px;
  --padding-40: 40px;
  --padding-48: 48px;
  --padding-97: 97px;
  --padding-37_5: 37.5px;

  /* BorderRadius */
  --br-10: 10px;
  --br-82: 82px;

  /* Font */
  --font-branch: Branch;
  --font-inherit: inherit;
  --font-sofia-pro-var: Sofia Pro VAR;

  /* FontSize */
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-32: 32px;
  --fs-33: 33px;
  --fs-40: 40px;
  --fs-48: 48px;
  --fs-55: 55px;
  --fs-110: 110px;
  --fs-inherit: inherit;

  /* Shadows */
  --shadow-drop: 0px 4px 4px rgba(0, 0, 0, 0.25);

  /* WidthHeights */
  --height-24: 24px;
  --height-48: 48px;
  --height-55: 55px;
  --width-266: 266px;
  --width-365: 365px;
  --width-189_2: 189.2px;

  /* LineHeights */
  --lh-22: 22px;
  --lh-26: 26px;
  --lh-40: 40px;

  /* LetterSpacings */
  --ls-0_05: 0.05;
}