@import url("https://fonts.googleapis.com/css2?family=Amita&family=Arizonia&family=Calligraffitti&family=KoHo&family=Yesteryear&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "KoHo", sans-serif;
	text-decoration: none;
	--border-color: #cc8d80;
	--border: 2px black solid;
	--logo-font-size: max(20px, calc(0.5rem + 1.5vw));
	--nav-font-size: max(20px, calc(0.5rem + 1vw));
	--paragraph-font-size: max(16px, calc(0.5rem + 2vw));
	--heading-font-size: max(16px, calc(0.5rem + 2.25vw));
	--menu-items-font-size: max(16px, calc(0.25rem + 1.75vw));
	--inline-padding: min(2vw, 1rem);
	--primary-background-colour: #a8b9bd;
	--secondary-background-color: #fffff0;
	--logo-background-color: #f2ddc3;
	--header-background-color: #643100;
}
body {
	background-color: var(--primary-background-colour);
}
article {
	background-color: var(--primary-background-colour);
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	padding-inline: var(--inline-padding);
}
.text {
	font-size: var(--paragraph-font-size);
	padding: var(--paragraph-font-size);
	border-radius: 4px;
	border: 2px solid var(--border-color);
	text-align: center;
	background-color: var(--secondary-background-color);
	box-shadow: 2px 2px 4px black;
}