body, .container, .container-body {
  --vt-bg-a: var(--vt-bg-alpha, 1);
  --vt-bg-i: var(--vt-bg-step, var(--vt-default-lightness));
  --vt-bg-calc: calc(var(--vt-bg-i) * var(--vt-color-interval));
  --vt-bg-hsl: hsla(var(--vt-bg-hs), var(--vt-bg-calc), var(--vt-bg-a));
  --vt-bg-color-a: var(--vt-bg-hs), var(--vt-bg-calc);
  --vt-bg-color: var(--vt-bg-hsl);
  --vt-bdr-a: var(--vt-bdr-alpha, 1);
  --vt-bdr-i: var(--vt-bdr-step, var(--vt-default-lightness));
  --vt-bdr-calc: calc(var(--vt-bdr-i) * var(--vt-color-interval));
  --vt-bdr-hsl: hsla(var(--vt-bdr-hs), var(--vt-bdr-calc), var(--vt-bdr-a));
  --vt-bdr-color: var(--vt-bdr-hsl);
  --vt-shadow-a: var(--vt-shadow-alpha, 1);
  --vt-shadow-i: var(--vt-shadow-step, 3);
  --vt-shadow-calc: calc(var(--vt-shadow-i) * var(--vt-color-interval));
  --vt-shadow-hsl: hsla(var(--vt-shadow-hs), var(--vt-shadow-calc), var(--vt-shadow-a));
  --vt-shadow-color: var(--vt-shadow-hsl);
}

body {
  --vt-bg-hs: var(--vt-primary-hs);
  --vt-bg-step: 5;
  --vt-body-bg-step1: .5;
  --vt-body-bg-step2: .5;
  --vt-body-bg1: hsla(var(--vt-bg-color-a), var(--vt-body-bg-step1));
  --vt-body-bg2: hsla(var(--vt-bg-color-a), var(--vt-body-bg-step2));
  padding: 1rem;
  background-color: var(--vt-body-bg1);
  background-image: radial-gradient(circle closest-side at center, var(--vt-body-bg2) 1px, transparent 1px);
  background-size: 2rem 2rem;
  background-repeat: repeat;
}

.container {
  --vt-bg-step: 3;
  padding: 0.5rem;
  background: var(--vt-bg-color);
  border-radius: 1rem;
}
.container-body {
  --vt-bdr-hs: var(--vt-secondary-hs);
  padding: 1rem;
  border-radius: 1rem;
  border: 0.25rem solid var(--vt-bdr-color);
}
.container-logo {
  width: 100%;
}
.container-description {
  padding: 0.5rem 0;
  color: white;
}