:root {
  --font-main: "Inter-Variable";
  --font-accent: "PressStart2P";
  --font-weight-main: 400;
  --font-weight-title: 715;
  --page-width: clamp(320px, 100%, 700px);
  --font-logo: clamp(3.0625rem, 1.9087rem + 4.9231vw, 4.0625rem);
  --font-title: clamp(0.875rem, 0.226rem + 2.7692vw, 1.4375rem);
  --header-logo-start: clamp(7.625rem, 7.449rem + 0.751vw, 8.125rem);
  --header-title-end: clamp(7.625rem, 7.449rem + 0.751vw, 8.125rem);

  --color-bg: rgba(255, 255, 255, 1);
  --color-main: rgba(0, 0, 0, 1);
  --color-heart-mb: #ff0000;
  --color-heart-cntr: rgba(0, 0, 0, 1);
  --color-blend: rgba(255, 255, 255, 1);

  --animation-fill-color: var(--color-heart-mb);

  --img-bg:
    repeating-linear-gradient(to right, #d3d3d3 0 2px, transparent 2px 4px),
    repeating-linear-gradient(to bottom, #d3d3d3 0 2px, transparent 2px 4px),
    linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a);
}