#main-container {
  position: relative;
}

#chat-input {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 12%;
  width: 0;

  transform: translateX(-50%);

  background-color: black;
  color: white;
  font-family: 'Desofont';
  font-size: xx-large;
  text-align: center;

  pointer-events: auto;

  visibility: hidden;
}

#username-input {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 12%;
  width: 0;

  background-color: black;
  color: white;
  font-family: "Desofont";
  font-size: xx-large;
  text-align: center;
  
  transform: translateX(-50%) translateY(-60%);

  pointer-events: auto;
}
#start {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Desofont";
  font-size: xx-large;

  transform: translateX(-50%) translateY(60%);
}
#server-select {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Desofont";
  font-size: xx-large;

  transform: translateX(-50%) translateY(400%);
}
html, body {
  border: 0px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  user-select: none;
}

#game-canvas {
  width: 100%;
  background-color: #435647;
}

@font-face {
  font-family: "Desofont";
  src: url("fonts/Desofont.ttf");
}