:root {
	--text-color-primary: #fff;
	/*--text-color-secondary: #8a58b5;*/
	--accent-color-primary: #17ca8c;

	/*--accent-color-secondary: #2a0566;*/
	/*--background-color-primary: #43007e;*/
	--background-color-primary: #041526;
	--background-color-secondary: #510099;
	--background-color-secondary: #062340;

	--alternate-text-color-primary: #062340;
	--alternate-text-color-secondary: #8faecc;
	--alternate-background-color-primary: #fff;
	--alternate-background-color-secondary: #ebf4ff;

	--gradient-text-color-primary: #fff;
	--gradient-text-color-secondary: #26055b;

	--gradient-background-color-primary: #00e294;
	--gradient-background-color-secondary: #5be3b3;

	/*--header-background-color: #43007e;*/
	--header-logo-font-size: 32px;
	--header-logo-height: 40px;

	--box-shadow-color: rgba(4, 21, 38, 0.25);
	--box-shadow-size: 48px;

	--transition-timing-function: ease;
	--transition-duration: 0.25s;

	--font-size-heading-1: 48px;
	--font-size-heading-2: 32px;
	--font-size-heading-3: 24px;
	--font-size-heading-4: 20px;
	--font-size-heading-5: 16px;
	--font-size-body: 16px;
	--font-spacing: 12px;

	--container-width: 1200px;
	--element-spacing: 40px;
	--border-radius: 12px;
}

#header .header-logo .header-logo-text:not(:only-child) {
    margin-left: 0;
}    

.error {
	color: var(--accent-color-primary);
}

.error-box {
	margin-top: calc(var(--element-spacing) / 1.5);
}