html, body {
  margin: 0;
}

.input-div {
  width: 100%;
  position: fixed;
  bottom: calc(45%);
  text-align: center;
}
.name-div {
  width: 100%;
  position: fixed;
  bottom: calc(20%);
  text-align: center;
 
}

.form-label {
  color: white;
  font-size: 18px;
}
.name-label{
  font-family: 'Anton';
  font-size:30px;
  color:black;
}

.login-input {
  width: 200px;
  height: 25px;
}
.input-center {
 text-align: center;
}

@media screen and (max-height: 600px) {
  .input-div {
    bottom: calc(45%);
  }
}

.chat-input {
  position: absolute;
  height: 30px;
  font-size: 16px;
  color: white;
  background-color: black;
  font-style: italic;
  bottom: 0px;
  width: calc(50% - 2px);
}

.chat-invisible {
  opacity: 0;
}

.chat-visible {
  opacity: 0.8;
}

.chat-bottom {
  left: 1px;
}

.chat-sidebar {
  right: 0px;
  width: 300px;
}