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

html {
	height: 100%;
	background: url("/assets/shapes/shape-one-beige.svg") no-repeat center right;
	background-size: 200%;
}
body, html {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

body {
	max-width: 1400px;
	margin: 0 auto;
	height: 100%;
	background-size: 45% !important;
	overflow: hidden;
}
body.login {
	background: url("/assets/login_success.png") no-repeat center right;
}		
body.logout {
	background: url("/assets/logout.png") no-repeat center right;
}
body.error {
	background: url("/assets/login_incorrect.png") no-repeat center right;
}
h1 {
	font-family: 'Montserrat', arial, helvetica, sans-serif !important;
	color:#FFF;
	position: absolute;
	top: 40%;
	left: 5%;
}
.big {
	font-size: 150%;
}


 
div.messageback, div.message, div.back {
	background: none !important;
	border: 0;
	color: white !important;
	opacity: 1 ! important;
	margin: 0;
	padding: 0;	
	width: 100%;  
	/*padding-left: 50px;*/
	text-align: left;
	overflow: hidden;
}
  
div.message {
	margin-top: 45vh;
	margin-left: 5%;
	width: 40%;
}
  
a {
	color: #004070 !important;
	font-size: 2rem;
	filter: none;
}


 @media only screen and (max-width: 991px) {
	body {
		background-size: 80% !important;
		background-position: center bottom !important;
	}
	div.message {
		margin-top: 10vh;
		margin-right: 5%;
		width: auto;
		padding: 0 2rem;
		text-align: center;
	}
 }