:root {
	--color-primary: rgb(157, 61, 20);
	--color-primary-hover: rgba(157, 61, 20, 0.9);
	--color-border: rgba(119, 59, 33, 0.9);
	--max-w: 1000px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Plus Jakarta Sans", sans-serif;
	text-decoration: none;
}

/* Header */

body {
	margin: 0;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

header-component {
	flex-shrink: 0;
}

main {
	flex-grow: 1;
	overflow-y: auto;
	/* background-color: #f7f7f7; */
	scroll-behavior: smooth;
}