.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
  width: 50%; 
  height: max-content;
  max-width: 400px;
  text-align:center;
  min-width:300px;
}

html,body{
	background-image: url('/static/images/loginScreen.png');
	background-size: cover;
	background-color:#44713b;
	background-repeat: no-repeat;
	height: 100%;
}

/* .Absolute-Center { */
  /* margin: auto; */
  /* position: absolute; */
  /* top: 0; left: 0; bottom: 0; right: 0; */
/* } */

/* .Absolute-Center.is-Responsive { */
  /* width: 50%;  */
  /* height: max-content; */
  /* min-width: 300px; */
  /* max-width: 400px; */
  /* min-height: 300px; */
  /* padding: 40px; */
  /* background-color: #ffff; */
/* } */

html,body{
	background:linear-gradient(
          rgba(0, 0, 0, 0.7), 
          rgba(0, 0, 0, 0.7)
        ), url('/static/images/loginScreen.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}


.nav-item a {
	font-weight:bold;
	/* color:rgba(0,0,0,.9); */
}

.title {
	color: white;
    text-align: center;
	font-family:IMMORTAL;
	font-size:4rem;
}

.loginButton {
	background-color: #00000029;
    border-color: white white white white;
    border-width: medium;
    font-weight: bold;
    border-radius: 100px;
	margin-top:20px;
	padding-left:30px;
	padding-right:30px;
    color: #fff;
	border: medium solid white;
}

.loginButton:hover, 
.loginButton:focus, 
.loginButton:active, 
.loginButton.active{
    color: #fff;
    background-color: #00000021;
    border-color: #000000; /*set the color you want here*/
	box-shadow:none;
}