@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Montserrat&display=swap');

@bg-color: #0E1F35;
@header-height: 100px;
@footer-height: 100px;

html, body {

}

body {

	background-color: @bg-color;
	font-family: 'Michroma', sans-serif; 
}


#root {

	//border: solid 2px red;
	//max-width: 1200px; 
	/*
	min-width:  1200px;
	min-height: 100vh;
	*/


#content {

	min-height: calc(100vh - @header-height - @footer-height);

}

#main {

	//border: solid 1px red;
	max-width: 1200px; 
	min-height: 80vh;
	display: block;
	margin: 0 auto;
	padding: 0 20px; 

}

#footer {
	height: @footer-height;
}

#header, #footer {
	color: white;
}

#header {

	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: @header-height;
	//border: solid 2px yellow;

}

#header + * {
	margin-top: @header-height;
}


#login {

	margin: auto;
	border: solid 2px red;
	min-height: 100%vh; 
	color: black !important;
}



@media (max-width: 768px) {
	max-width: 90%; // Adjust for smaller screens
}

}

button {
	background-color: #FF7E4B !important;
	font-family: Montserrat;
	//border-radius: 0px !important;
	margin-right: 30px !important;
}


#errorMessage {
	border: solid 1px white;
	padding: 20px;
	margin: auto;
	color: white;
	max-width: 40%; 
}

form {
	padding: 20px;

	input {


	}


}

table {

	color: white !important;

	border: solid 1px white;
	tr, td {padding: 20px;}


}