:root {
    --default-font-size: 78%;
    --pico-font-size: var(--default-font-size);
    --pico-font-size-adder: 6.25%; 
    --pico-box-shadow: 0 0 6px 0px #cdcdcd !important;
    --pico-form-element-spacing-vertical: 0.30rem;
    --pico-nav-link-spacing-vertical: 0.35rem;
    --pico-spacing: 0.6rem;
}

@media (min-width: 576px) {
    :root {
      --pico-font-size: calc(var(--default-font-size) + (var(--pico-font-size-adder) * 1));
    }
  }
  @media (min-width: 768px) {
    :root {
      --pico-font-size: calc(var(--default-font-size) + (var(--pico-font-size-adder) * 2));
    }
  }
  @media (min-width: 1024px) {
    :root {
      --pico-font-size: calc(var(--default-font-size) + (var(--pico-font-size-adder) * 3));
    }
  }
  @media (min-width: 1280px) {
    :root {
      --pico-font-size: calc(var(--default-font-size) + (var(--pico-font-size-adder) * 4));
    }
  }
  @media (min-width: 1536px) {
    :root {
      --pico-font-size: calc(var(--default-font-size) + (var(--pico-font-size-adder) * 5));
    }
  }