:root {
    --color-white: #fff;
    --color-black: #000;
    --color-grey: #aeaeae;
    --color-primary: #005c99;
    --color-primary-light: #005c99;
    --color-primary-dark: #112640;
    --color-secondary: #ffffff;
    --color-secondary-light: #b5cbd2;
    --color-secondary-dark: #000000;
    --color-tertiary: #d6d6d6;
    --color-tertiary-light: #ebebeb;
    --color-tertiary-dark: #737373;
    --color-error: #95190c;
    --color-error-light: #e4c5c2;
    --color-warning: #f7cf70;
    --color-warning-light: #fceecd;
    --color-success: #1c9285;
    --color-success-light: #d2e9e7;
    --learn-background-color: #f3f3f3;
    --learn-text-color: #231f20;
    --primary-text: #000000;
    --secondary-text: #fff;
    --outline: var(--color-grey);
    --page-background: var(--color-white);
    --anchor-links: var(--color-primary);
    --dropdown-hover: var(--color-primary-light);
    --doots: var(--color-black);
    --hr: var(--color-tertiary);
    --navagation-background: var(var(--page-background));
    --navigation-backaground-active: rgb(var(var(--color-grey), 0.5));
    --structural-ui-elements: var(--color-tertiary);
    --structural-ui-light: var(--color-tertiary-light);
    --structural-ui-elements-hover: var(--color-tertiary);
    --dashboard-hero-gradient-from: var(--color-primary-dark);
    --dashboard-hero-gradient-to: var(--color-primary);
    --header-background-secondary: var(--color-secondary-dark);
    --header-edit-mode: var(--color-primary-dark);
    --footer-color: var(--color-primary);
    --footer-gradient-from: var(--color-primary);
    --footer-gradient-to: var(--color-primary);
    --footer-link-color: var(--color-secondary);
    --footer-text-color: var(--color-white);
    --font-family: Verdana;
    --color-success-dark: unset;
    --color-error-dark: unset;
    --color-warning-dark: unset;
  }
  * {
    font-family: var(--font-family);
  }
  header {
    background-color: var(--color-primary);
  }
  .homeHeaderContainer {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .homeImage {
    max-width: 580px;
    overflow-y: hidden;
    margin: auto;
  }
  #decisionsButtons #disclosureCheckbox span {
    font-size: 1.125rem;
    width: auto;
  }
  ul {
    padding-left: 2.5rem;
    margin: 1.25rem 0;
  }
  ol {
    padding-left: 2.5rem;
    margin: 1.25rem 0;
  }
  .explanation-paragraph {
    text-indent: 20px;
    line-height: 1.75;
  }
  .emphasis {
    margin: 40px 1px 0 0;
    font-weight: bold;
  }
  .opt-in {
    font-weight: 600;
    text-decoration: underline;
  }
  @media only screen and (min-width: 768px) {
    #desktop-card-media {
      height: 400px;
    }
  }
  @media only screen and (min-width: 1440px) {
    #desktop-card-media {
      height: 700px;
    }
  }
  .MuiCheckbox-root .MuiSvgIcon-root {
    color: var(--color-primary);
  }