:root {
	--font-main: 
		-apple-system,           /* System fonts stack */
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		'Helvetica Neue', 
		Arial,
		'Noto Sans',
		sans-serif;

		--mainblue: #2152A3;
		--mainblue2: #183D79;
		--blueborder: #1D4ED8;
	--primary: #2563eb;
	--secondary: #1e40af;
	--accent: #3b82f6;
	--light: #f8fafc;
	--dark: #0f172a;
	--radius: 12px;
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,html{
	font-size: 14px;
	font-family: var(--font-main);
}

/*MAIN*/
/* #main{
	display: flex;
	flex-direction: column;
	border: 1px solid maroon;
} */
#main{
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;

	grid-gap: 0px;
	grid-template-areas:
		"mainrow1 mainrow2 mainrow3";
	 /* border: 1px solid maroon; */
}

#upper-section{
	grid-area: mainrow1;
	border-bottom: 2px solid black;
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 2000;
}
#middle-section{
	grid-area: mainrow2;
	min-height: 70vh;
}
.secure-middle-sections{
	display: flex;
}
#footer{
	grid-area: mainrow3;
}

.formbtns {
	background-color: var(--mainblue);
	color: #fff;
	padding: 10px 20px;
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.3s ease;
}

.formbtns:hover {
	background-color: var(--mainblue2);
}