html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 3vh;
	background-color: #f8f6f3;
}

body {
	margin-top: 60px; /* Match header height */
	scroll-behavior: smooth; /* Smooth scrolling */
}

@font-face {
	font-family: 'Trade Gothic';
	src: url('./fonts/trade-gothic.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* {
	font-size: 14px;
	font-weight: 400;
	color: #1a1a1a;
	font-family: 'Trade Gothic', Helvetica, Arial, sans-serif;
	box-sizing: border-box; /* Ensure consistent sizing */
}