* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

/*	outline: 1px solid red;*/
}

:root {
	--lavender-1: hsl(244, 40%, 62%);
/*	--lavender-2: hsl(235, 17%, 86%);*/
	--lavender-2: hsl(235, 35%, 85%);
	--page-bg: hsl(235, 17%, 95%);
	--box-bg: white;
	--shadow: hsl(244 40% 61% / 15%);
	--shadow-dark: hsl(244 40% 61% / 50%);

	--fuschia: hsl(-20, 30%, 35%);
	--teal: hsl(180, 75%, 30%);

	--logo-space-outer: 26px;
	--logo-space-inner: 38px;
	--logo-mid-offset: 5px;
	--logo-out-offset: 12px;

	--cubic-bezier-quart: cubic-bezier( 0.165, 0.84, 0.44, 1 );
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100svh;
}

html {
	color: var(--lavender-1);
	accent-color: var(--lavender-1);
	caret-color: var(--lavender-1);
	font-family: 'Nunito', sans-serif;
}

main {
	margin: 0px 30px;
	flex-grow: 1;
}

section {
	border-radius: 50px;
	background-color: var(--lavender-2);
	background-color: color-mix(in oklab, var(--lavender-2) 50%, white);
	overflow: hidden;
}

footer {
	width: 100%;
	display: grid;
	gap: 10px;
	justify-content: center;
	padding: 75px 50px 15px;
	font-weight: 800;
	font-size: 14px;
}

footer img {
	width: 80px;
	margin: auto;
}

footer p {
	font-size: 14px;
}