*,
*::after,
*::before {
	box-sizing: border-box;
}
.shape-overlays {
	z-index: 9999;
	--color-text: #120047;
	--color-bg: #333;
	--color-link: #110046;
	--color-link-hover: #e83779;
	--color-info: #fff;
	--color-main-bg: #7115d8;
	--path-fill-1: #f56268;
	--path-fill-2: #f1575d;
	--path-fill-3: #ff5f65;
	--color-title: inherit;
	--font-family-title: 'Rozha One', serif;
	--font-size-title: 8vmax;
	--font-weight-title: 400;
	--color-menu: #ffffff;
	--color-menu-hover: #c14343;
	--font-family-menu: var(--font-family-title);
	--font-size-menu: 3.5vmax;
	--font-weight-menu: 400;
	--button-bg: #120047;
	--button-circle: #9236f7;
	--button-line: #ffffff;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none !important;
	position: fixed;
	top: 0;
	left: 0;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}