:root {
	--m-header-height : 160px;
}

html {
	height: 100%;
}

body {
	height: 100%;
}


a {
	text-decoration: none;
}

.font-Chakra-Petch {
	font-family: 'Chakra Petch', sans-serif;
}

pre {
	font-family: 'Chakra Petch', sans-serif;
	font-size: 100%;
	margin: 0;
}

code {
	font-family: 'Chakra Petch', sans-serif;
	font-size: 85%;
}

.main-container {
	background: black;
}

.page-header {
	padding: 0;
	min-height: 0;
}

@media (max-width: 1024px) {
	.page-header {
		position: relative;
		border-bottom: 2px solid var(--bs-border-color);
		width: 100%;
	}
}

.btn {
	--bs-btn-border-radius: 8px;
	--bs-btn-padding-y: 0.4rem;
	--bs-btn-padding-x: 0.8rem;
}

.form-control:not[reaonly] {
	border-bottom-color: dodgerblue !important;
	border-right-width: 3px;
}

.form-control[required] {
	border-right-color: red;
	border-right-width: 3px;
}