:root {
  /* Root: 16px */
  /** 
   * There is no presets for spacing, fonts or width/heights because the designers want flexibility. 
   * Use --px-{number} so that --px-10 means 10px, just divide by 16 to get rem
   * Ex: --px-16: 1rem (16/16=1)
   */
  --px-1: 0.0625rem; /* 1px */
  --px-2: 0.125rem; /* 2px */
  --px-4: 0.25rem; /* 4px */
  --px-6: 0.375rem; /* 6px */
  --px-8: 0.5rem; /* 8px */
  --px-10: 0.625rem; /* 10px */
  --px-12: 0.75rem; /* 12px */
  --px-14: 0.875rem; /* 14px */
  --px-15: 0.9375rem; /* 15px */
  --px-16: 1rem; /* 16px */
  --px-18: 1.125rem; /* 18px */
  --px-20: 1.25rem; /* 20px */
  --px-22: 1.375rem; /* 22px */
  --px-24: 1.5rem; /* 24px */
  --px-28: 1.75rem; /* 28px */
  --px-32: 2rem; /* 32px */
  --px-36: 2.25rem; /* 36px */
  --px-40: 2.5rem; /* 40px */
  --px-44: 2.75rem; /* 44px */
  --px-48: 3rem; /* 48px */
  --px-56: 3.5rem; /* 56px */
  --px-64: 4rem; /* 64px */
  --px-72: 4.5rem; /* 72px */
  --px-80: 5rem; /* 80px */
  --px-88: 5.5rem; /* 88px */
  --px-96: 6rem; /* 96px */
  --px-104: 6.5rem; /* 104px */
  --px-112: 7rem; /* 112px */
  --px-120: 7.5rem; /* 120px */
  --px-128: 8rem; /* 128px */
  --px-136: 8.5rem; /* 136px */
  --px-144: 9rem; /* 144px */
  --px-152: 9.5rem; /* 152px */
  --px-160: 10rem; /* 160px */
  --px-168: 10.5rem; /* 168px */
  --px-176: 11rem; /* 176px */
  --px-184: 11.5rem; /* 184px */
  --px-192: 12rem; /* 192px */
  --px-208: 13rem; /* 208px */
  --px-216: 13.5rem; /* 216px */
  --px-224: 14rem; /* 224px */
  --px-232: 14.5rem; /* 232px */
  --px-240: 15rem; /* 240px */
  --px-248: 15.5rem; /* 248px */
  --px-256: 16rem; /* 256px */
  --px-264: 16.5rem; /* 264px */
  --px-272: 17rem; /* 272px */
  --px-280: 17.5rem; /* 280px */
  --px-288: 18rem; /* 288px */
  --px-296: 18.5rem; /* 296px */
  --px-304: 19rem; /* 304px */
  --px-312: 19.5rem; /* 312px */
  --px-320: 20rem; /* 320px */
  --px-328: 20.5rem; /* 328px */
  --px-336: 21rem; /* 336px */
  --px-344: 21.5rem; /* 344px */
  --px-352: 22rem; /* 352px */

  /* Other sizes */
  --px-100: 6.25rem; /* 100px */
  --px-200: 12.5rem; /* 200px */
  --px-300: 18.75rem; /* 300px */
  --px-400: 25rem; /* 400px */
  --px-500: 31.25rem; /* 500px */
  --px-600: 37.5rem; /* 600px */
  --px-700: 43.75rem; /* 700px */
  --px-800: 50rem; /* 800px */
  --px-900: 56.25rem; /* 900px */
  --px-1000: 62.5rem; /* 1000px */
  --px-1100: 68.75rem; /* 1100px */
  --px-1200: 75rem; /* 1200px */
  --px-1300: 81.25rem; /* 1300px */
  --px-1400: 87.5rem; /* 1400px */
  --px-1500: 93.75rem; /* 1500px */

  /* horizontal posts */
  --px-430: 26.875rem; /* 430px */
}