html
{
	height: 100%;
}

body
{
	position: relative;
	background-color: #0d133f;
	width: max-content;
	min-width: 100%;
	height: auto !important;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
}

header
{
	/* text-align: left; */
	color: #d6d6d6;
	height: fit-content;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}

main
{
	background-color: #0d133f;
	height: fit-content;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 300px; /* padding-bottom 50 + total height of footer 100 + max height of prompt 150 */
}

footer
{
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: #d6d6d6;
	background-color: #000821;
	z-index: 50;
	height: 80px;
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}