:root {
	font-size: 62.5%;
}

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

html,
body {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	/*align-items: center;
    justify-content: center;*/
}

main {
	background-color: var(--main-bg-color-1);
	/* width: 95%; */
	width: fit-content;
	margin: 0 auto;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	min-height: fill-available;
}

.form-section > header {
	text-align: center;
	margin-bottom: 1em;
}

.form-section > header > h1 {
	text-transform: capitalize;
}

.form-section {
	/* width: 25rem; */
	width: fit-content;
	margin: 0 auto;
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: -webkit-fill-available;
	height: fill-available;
}

.form-section form {
	width: 25rem;
}

main,
.form-section/*,
.form-section > **/ {
	max-width: 100%;
}
