@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
	src: url('/style/font/lora-v37-latin-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: 700;
	src: url('/style/font/lora-v37-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Newake';
	font-display: swap;
	font-style: normal;
	font-feature-settings: 'liga' 1, 'calt' 1; /* Chrome */
	src: url("/style/font/Newake-Regular.woff2") format("woff2");
}

:root {
	--text: rgba(0,0,0,0.9);
	--background: hsl(217, 100%, 97%);
	--backgroundAlt: hsl(216, 58%, 88%);
	--backgroundAlt2: hsl(35, 58%, 88%);

	--color1: hsl(232, 43%, 48%);
	--color1text: hsl(232, 43%, 48%);

	--color2: hsl(216, 55%, 55%);
	--color2text: hsl(215, 48%, 53%);

	--color3: hsl(232, 38%, 31%);
	--color3text: hsl(232, 38%, 31%);

	--color4: hsl(16, 68%, 57%);
	--color4text: hsl(16, 72%, 57%);
}

.style-home {
	--introduction-background: var(--color1);
	--introduction-text: var(--backgroundAlt);
	--color: var(--color1);
	--emphase-background: var(--background);
	--emphase-text: var(--color1);
}
.style1 {
	--introduction-background: var(--color1);
	--introduction-text: var(--backgroundAlt);
	--color: var(--color1);
	--emphase-background: var(--background);
	--emphase-text: var(--color1);
}
.style2 {
	--introduction-background: var(--backgroundAlt);
	--introduction-text: var(--color1);
	--color: var(--color1);
	--emphase-background: var(--background);
	--emphase-text: var(--color1);
}
.style3 {
	--introduction-background: var(--color3);
	--introduction-text: var(--backgroundAlt);
	--color: var(--color1);
	--emphase-background: var(--background);
	--emphase-text: var(--color1);
}
.style4 {
	--introduction-background: var(--color2);
	--introduction-text: hsl(216, 55%, 94%);
	--color: var(--color1);
	--emphase-background: var(--background);
	--emphase-text: var(--color1);
}
.style5 {
	--introduction-background: var(--backgroundAlt2);
	--introduction-text: var(--color4text);
	--color: var(--color4text);
	--emphase-background: var(--backgroundAlt2);
	--emphase-text: var(--color4);
}
.style6 {
	--introduction-background: var(--color4);
	--introduction-text: var(--backgroundAlt2);
	--color: var(--color4text);
	--emphase-background: var(--backgroundAlt2);
	--emphase-text: var(--color4);
}