html{
  height: 100vh;
  background-color: black;
}
.login {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loginDiv {
  width: 400px;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: rgb(71, 71, 71);
  border: 1px solid rgb(170, 170, 170);

}
.loginInputs{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 100px;
  
}
input{
  margin-bottom: 10px;
}
.submitButton input {
  width: 100px;
  height: 40px;
  font-size: 16px;
  color: rgb(255, 153, 0);
  background-color: black;
  border: 1.5px solid rgba(255, 153, 0, 0.737);
  z-index: 3;
  cursor: pointer;
  border-radius: 8px;

  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin: 0px 5px;
}

.submitButton input:hover {
  background-color: #2f2f2f;
}
.submitButton input:focus {
  background-color: #5f5f5f;
}
.submitButton input:active {
  background-color: #5f5f5f;

}
p {
  color: orange;
}
.text {
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(170, 170, 170);
  border-top: 1.5px solid rgba(0, 0, 0, 0.737);
  border-left: 1.5px solid rgba(0, 0, 0, 0.737);
  border-right: 1.5px solid rgba(0, 0, 0, 0.737);
  outline: none;
}