:root {
  /* Backgrounds */
  --background-color-white-faded: rgba(255, 255, 255, 0.9);
  --background-image-overlay: rgba(0, 0, 0, 0.2);

  /* Borders */
  --border-style-solid: solid;
  --border-width-1: 1px;
  --border-width-3: 3px;

  /* Border Radius */
  --rounded-none: 0px;
  --rounded-sm: 0.125rem;
  --rounded: 0.25rem;
  --rounded-md: 0.375rem;
  --rounded-xl: 0.75rem;
  --rounded-2xl: 1rem;
  --rounded-3xl: 1.5rem;
  --rounded-full: 9999px;

  /* Effects */
  --shadow-inner: inset 1px 1px 20px rgba(255, 255, 255, 0.15);

  /* Flexbox & Grid */
  --flex-row: row;
  --flex-row-reverse: row-reverse;
  --flex-col: column;
  --flex-col-reverse: column-reverse;
  --items-start: flex-start;
  --items-end: flex-end;
  --items-center: center;
  --items-baseline: baseline;
  --items-stretch: stretch;
  --justify-normal: normal;
  --justify-start: flex-start;
  --justify-end: flex-end;
  --justify-center: center;
  --justify-between: space-between;
  --justify-around: space-around;
  --justify-evenly: space-evenly;
  --justify-stretch: stretch;
  --justify-items-start: start;
  --justify-items-end: end;
  --justify-items-center: center;
  --justify-items-stretch: stretch;
  --place-items-start: start;
  --place-items-end: end;
  --place-items-center: center;
  --place-items-baseline: baseline;
  --place-items-stretch: stretch;
  --gap-0: 0px;
  --gap-x-0: 0px;
  --gap-y-0: 0px;
  --gap-px: 1px;
  --gap-x-px: 1px;
  --gap-y-px: 1px;
  --gap-1: 0.25rem;
  --gap-x-1: 0.25rem;
  --gap-y-1: 0.25rem;
  --gap-2: 0.5rem;
  --gap-x-2: 0.5rem;
  --gap-y-2: 0.5rem;
  --gap-3: 0.75rem;
  --gap-x-3: 0.75rem;
  --gap-y-3: 0.75rem;
  --gap-4: 1rem;
  --gap-x-4: 1rem;
  --gap-y-4: 1rem;
  --gap-5: 1.25rem;
  --gap-x-5: 1.25rem;
  --gap-y-5: 1.25rem;
  --gap-6: 1.5rem;
  --gap-x-6: 1.5rem;
  --gap-y-6: 1.5rem;
  --gap-7: 1.75rem;
  --gap-x-7: 1.75rem;
  --gap-y-7: 1.75rem;
  --gap-8: 2rem;
  --gap-x-8: 2rem;
  --gap-y-8: 2rem;
  --gap-9: 2.25rem;
  --gap-x-9: 2.25rem;
  --gap-y-9: 2.25rem;
  --gap-10: 2.5rem;
  --gap-x-10: 2.5rem;
  --gap-y-10: 2.5rem;
  --gap-11: 2.75rem;
  --gap-x-11: 2.75rem;
  --gap-y-11: 2.75rem;
  --gap-12: 3rem;
  --gap-x-12: 3rem;
  --gap-y-12: 3rem;
  --gap-14: 3.5rem;
  --gap-x-14: 3.5rem;
  --gap-y-14: 3.5rem;
  --gap-16: 4rem;
  --gap-x-16: 4rem;
  --gap-y-16: 4rem;
  --gap-20: 5rem;
  --gap-x-20: 5rem;
  --gap-y-20: 5rem;
  --gap-24: 6rem;
  --gap-x-24: 6rem;
  --gap-y-24: 6rem;
  --gap-28: 7rem;
  --gap-x-28: 7rem;
  --gap-y-28: 7rem;
  --gap-32: 8rem;
  --gap-x-32: 8rem;
  --gap-y-32: 8rem;
  --gap-36: 9rem;
  --gap-x-36: 9rem;
  --gap-y-36: 9rem;
  --gap-40: 10rem;
  --gap-x-40: 10rem;
  --gap-y-40: 10rem;
  --gap-44: 11rem;
  --gap-x-44: 11rem;
  --gap-y-44: 11rem;
  --gap-48: 12rem;
  --gap-x-48: 12rem;
  --gap-y-48: 12rem;
  --gap-52: 13rem;
  --gap-x-52: 13rem;
  --gap-y-52: 13rem;
  --gap-56: 14rem;
  --gap-x-56: 14rem;
  --gap-y-56: 14rem;
  --gap-60: 15rem;
  --gap-x-60: 15rem;
  --gap-y-60: 15rem;
  --gap-64: 16rem;
  --gap-x-64: 16rem;
  --gap-y-64: 16rem;
  --gap-72: 18rem;
  --gap-x-72: 18rem;
  --gap-y-72: 18rem;
  --gap-80: 20rem;
  --justify-self-auto: auto;
  --justify-self-start: start;
  --justify-self-end: end;
  --justify-self-center: center;
  --justify-self-stretch: stretch;
  --self-auto: auto;
  --self-start: flex-start;
  --self-end: flex-end;
  --self-center: center;
  --self-stretch: stretch;
  --self-baseline: baseline;

  /* Fonts */
  --font-monaspace-neon-extralight: "MonaspaceNeon-ExtraLight";
  --font-monaspace-neon-extralightitalic: "MonaspaceNeon-ExtraLightItalic";
  --font-monaspace-neon-light: "MonaspaceNeon-Light";
  --font-monaspace-neon-lightitalic: "MonaspaceNeon-LightItalic";
  --font-monaspace-neon-regular: "MonaspaceNeon-Regular";
  --font-monaspace-neon-medium: "MonaspaceNeon-Medium";
  --font-monaspace-neon-mediumitalic: "MonaspaceNeon-MediumItalic";
  --font-monaspace-neon-semibold: "MonaspaceNeon-SemiBold";
  --font-monaspace-neon-semibolditalic: "MonaspaceNeon-SemiBoldItalic";
  --font-monaspace-neon-bold: "MonaspaceNeon-Bold";
  --font-monaspace-neon-bolditalic: "MonaspaceNeon-BoldItalic";
  --font-monaspace-neon-extrabold: "MonaspaceNeon-ExtraBold";
  --font-monaspace-neon-extrabolditalic: "MonaspaceNeon-ExtraBoldItalic";

  /* Font Style */
  --italic: italic;
  --not-italic: normal;

  /* Font Weight */
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Sizing */
  --h-full: 100%;
  --w-full: 100%;
  --w-min: min-content;
  --w-max: max-content;
  --w-fit: fit-content;
  --form-field-height-lg: 42.8px;
  --form-field-button-sm: 37px;

  /* Layout */
  --content-visibility-none: hidden;
  --display-block: block;
  --display-inline-block: inline-block;
  --display-inline: inline;
  --display-inline-flex: inline-flex;
  --display-flex: flex;
  --display-grid: grid;
  --display-none: none;
  --flex-wrap-wrap: wrap;
  --flex-wrap-wrap-reverse: wrap-reverse;
  --flex-wrap-nowrap: nowrap;
  --static: static;
  --fixed: fixed;
  --absolute: absolute;
  --relative: relative;
  --sticky: sticky;
  --unset: unset;
  --z-index--1: -1;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-3: 3;
  --z-index-20: 20;

  /* Spacing */
  --spacing-0px: 0rem;
  --spacing-2px: 0.125rem;
  --spacing-3px: 0.1875rem;
  --spacing-4px: 0.25rem;
  --spacing-5px: 0.3125rem;
  --spacing-6px: 0.375rem;
  --spacing-7-5px: 0.46875rem;
  --spacing-8px: 0.5rem;
  --spacing-10px: 0.625rem;
  --spacing-12px: 0.75rem;
  --spacing-13px: 0.8125rem;
  --spacing-15px: 0.9375rem;
  --spacing-16px: 1rem;
  --spacing-20px: 1.25rem;
  --spacing-24px: 1.5rem;
  --spacing-25px: 1.5625rem;
  --spacing-30px: 1.875rem;
  --spacing-32px: 2rem;
  --spacing-38px: 2.375rem;
  --spacing-40px: 2.5rem;
  --spacing-60px: 3.75rem;
  --spacing-80px: 5rem;
  --line-height-30px: 1.875rem;

  /* Text Decoration */
  --text-decoration-underline: underline;
  --text-decoration-overline: overline;
  --text-decoration-line-through: line-through;
  --text-decoration-no-underline: none;

  /* Transitions & Animation */
  --text-transition: text-decoration-color 0.7s ease;
  --background-transition: background-color 0.7s ease, color 0.7s ease,
    border-color 0.7s ease;

  /* Typography */
  --text-left: left;
  --text-center: center;
  --text-right: right;
  --text-justify: justify;
  --text-start: start;
  --text-end: end;
  --text-uppercase: uppercase;
  --text-lowercase: lowercase;
  --text-capitalize: capitalize;
  --text-normal-case: none;
  --letter-spacing-0: -0em;
  --letter-spacing-1: 1px;
  --list-none: none;
  --list-disc: disc;
  --list-decimal: decimal;
}

/* *****************************************
  * SECTION: Responsive Breakpoints
  * DESCRIPTION: CSS Variables were not accessible in media queries. Listed Responsive Sizes here. 
  * 
  * Mobile Responsive Width Small: 360px;
  * Mobile Responsive Width Medium: 375px;
  * Mobile Responsive Width Large: 393px;
  * Mobile Responsive Width Extra Large: 412px;
  * Mobile Responsive Width 2 Extra Large: 440px;
  * Tablet Responsive Width Small: 767px;
  * Tablet Responsive Width Medium 768px;
  * Tablet Responsive Width Large: 1024px;
  * Tablet Responsive Width Extra Large: 1140px;
  * Tablet Responsive Width 2 Extra Large: 1280px;
  * Desktop Responsive Width Small: 1366px;
  * Desktop Responsive Width Medium: 1440px;
  * Desktop Responsive Width Large: 1536px;
  * Desktop Responsive Width Extra Large: 1920px;
  * Desktop Responsive Width 2 Extra Large: 2560px;
 **************************************** */