body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  background: black;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
canvas {
  position: absolute;
  top:0;
  left:0;
  z-index:-99;
}
h2 {
  text-align: center;
  color: white;
}

.login-flash {
  width: 430px;
  max-width: 100vw;
  margin: 0 auto 18px auto;
  word-break: break-word;
}

@media screen and (max-width: 600px) {
  .login-flash {
    width: 90vw;
    max-width: 90vw;
    margin: 0 auto 18px auto;
    word-break: break-word;
  }
}

.login-div {
  width: 430px;
  padding: 35px;
  border-radius: 15px;
  color:white;
  background: rgba(8,8,8,0.7);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

/* On screens that are 600px or less make the login box take almost the entire screen */
@media screen and (max-width: 600px) {
  .login-div {
    width: 90vw;
    padding: 35px;
    border-radius: 15px;
    color:white;
    background: rgba(8,8,8,0.7);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
  }
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: black;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; top: 0; }