body {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;

  background-color: #0000A0;
}

.flash{
  position: absolute;
  top: 10%;
  right: 45%;
  left: 45%;
  width: 10%;
  height: 50px;
  background-color: rgba(0,0,0,0.5);
  overflow: hidden;

  margin: 40px auto 0px auto;
  padding: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #c5c5c5;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #000;
}

.auth {
  position: absolute;
  left: 37.5%;
  right: 37.5%;
  top: 31.22%;
  bottom: 33.11%;
  width: 360px;
  height: 320px;

  background: rgba(255, 255, 255, 1);
}

.auth h5 {
  position: absolute;
  left: 4%;
  top: -5%;
  bottom: 87%;
  width: 262px;
  height: 24px;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;

  letter-spacing: 0.18px;

  color: rgba(0, 0, 0, 0.87);
}

.auth .field {
  position: absolute;
  left: 4.5%;
  right: 4.5%;
  width: 311px;
  height: 50px;

  padding-left: 15px;

  border: 1px solid #DADADA;
  border-radius: 4px;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;

  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 1);
}

.auth .email {
  top: 20%;
  bottom: 60%;
}

.auth .pwd {
  top: 45%;
  bottom: 35%;
}

.auth .button {
  position: absolute;
  right: 4.5%;
  top: 70%;
  bottom: 14%;
  height: 36px;
  width: 90px;

  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;

  text-align: center;
  letter-spacing: 1.25px;
  text-transform: uppercase;

  background: #00D7B9;
  border: none;
  border-radius: 4px;
}