/* reset */

*,
*::before,
*::after {
	box-sizing: border-box;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
p {
	line-height: 1.6;
	font-size: clamp(
		var(--fluid-type-min, 1rem),
		calc(1rem + var(--fluid-type-target, 3vw)),
		var(--fluid-type-max, 1.3rem)
	);
}

h1 {
	--fluid-type-min: 1.25rem;
	--fluid-type-max: 1.5rem;
	--fluid-type-target: 1vw;
}

p {
	--fluid-type-min: 0.75rem;
	--fluid-type-max: 1rem;
	--fluid-type-target: 1vw;
}

h1,
h2,
h3,
p {
	margin: 0;
	max-inline-size: 65ch;
	text-align: center;
	text-wrap: wrap;
}

ul[class],
ol[class] {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

button {
	cursor: pointer;
}

input {
	cursor: text;
}