canvas{

  width: 100%;
  height: 100%;

}

body{

  margin: 0px;

}

.loginInput{

  width: 200px;
  padding: 15px;
  background-color: #f3f3f3;
  border: #dfdfdf 1px solid;
  border-radius: 3px;
  position: absolute;
  top: 40%;
  left: calc(50% - 100px);


}

.popup{

  display: none;
  width: 40%;
  height: 420px;
  background-color: #ffffff;
  border: 1px solid black;
  position: fixed;
  top: 30%;
  left: 30%;
  min-width: 300px;

}

#disconnected{

  color: red;
  display: none;

}

#connecting{

  color: orange;
  display: none;

}

.disconnectedScreen *{

  font-size: 25px;
  width: 100%;

}

.disconnectedScreen{

  position: fixed;
  top:0px;
  left:0px;
  padding: 45px;
  width:100%;
  height:100%;
  text-align: center;
  display: none;

}