@import "globals.css";

/* main footer styling */
.main-footer 
{
	width: 100%;
	height: 2.5em; /* footer height relative to font size */
	background-color: transparent;

	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
 	margin: 0;

	/* footer text */
	color: oklch(from var(--color-primary) l c h / 0.5);
	font-family: 'Inter', sans-serif;
	font-size: 11pt;
	font-weight: 300;
	text-align: center;
}