body {
  background-image: url("/public/img/aurora.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-attachment: fixed;
}
input {
  font-family: OpenSansCondensed;
}
#loginLogoDiv {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 0px 30px 12px;
  text-align: center;
  margin: auto;
}
#loginLogoDiv img {
  width: 312px;
  box-sizing: border-box;
}
#loginDiv {
  position: relative;
  width: fit-content;
  height: 285px;
  overflow: hidden;
  margin: auto;
}
#loginDiv .bg-img {
  height: 100%;
}
#loginDiv #emailText {
  position: absolute;
  left: 31px;
  top: 69px;
  width: 227px;
  height: 35px;
  border-radius: 10px;
}
#loginDiv #passwordText {
  position: absolute;
  left: 31px;
  top: 129px;
  width: 227px;
  height: 35px;
  border-radius: 10px;
}
#loginDiv #emailText,
#loginDiv #passwordText {
  font-size: 18px;
  background-color: transparent;
  border: none;
  color: var(--theme-2);
}
#loginDiv #emailText:focus,
#loginDiv #passwordText:focus {
  outline: none;
}
#loginDiv #emailText::placeholder,
#loginDiv #passwordText::placeholder {
  color: var(--theme-2);
  opacity: 0.6;
}
#loginDiv #loginButton {
  position: absolute;
  left: 93px;
  top: 235px;
  width: 141px;
  height: 53px;
  border-radius: 1000px;
  font-size: 27px;
  background-color: transparent;
  color: #FFF;
  font-family: OpenSansCondensedBold;
  border: none;
  cursor: pointer;
}
#copyrightDiv {
  color: #FFF;
}