html {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px;
  font-family: "Verdana";
  overflow: none;
  overscroll-behavior: none;
}

#invis {
  visibility: hidden;
  margin: 0px;
  border: 0px;
}

#contentContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

#menuContainer {
  display: flex;
  flex-direction: column;
  margin: auto;
  transform: translateY(-25px);
}

#titleText {
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(50px, 25vw, 66px);
  color: white;
}

#name {
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(12px, 5vw, 20px);
  width: clamp(150px, 25vw, 250px);
  height: clamp(22px, 20vw, 28px);
  border-style: solid;
  border-width: 1.5px;
  border-radius: 2px;
  border-color: rgba(0, 0, 0, 0.4);
  color: white;
}

#invalidText {
  visibility: hidden;
  margin: 0px auto 5px auto;
  font-size: clamp(8px, 5vw, 12px);
  color: white;
}

#servers {
  margin: 0px auto 5px auto;
  width: clamp(120px, 25vw, 220px);
  height: clamp(18px, 12vw, 26px);
  background-color: rgba(34, 34, 34, 0.6);
  border-style: solid;
  border-width: 1.5px;
  border-radius: 2px;
  border-color: rgba(0, 0, 0, 0.4);
  color: white;
}

#play {
  margin: 10px auto 0px auto;
  width: clamp(120px, 25vw, 170px);
  height: clamp(40px, 12vw, 48px);
}

.menuButton {
  background-color: rgb(188, 179, 62);
  border-style: solid;
  border-width: 4px;
  border-radius: 3px;
  border-color: rgba(30, 30, 30, 1);
  color: white;
  font-size: clamp(16px, 5vw, 22px);
  font-weight: bold;
}

.menuButton:hover {
  background-color: rgb(227, 217, 75);
}

.menuButton:active {
  background-color: rgb(227, 161, 75);
}

#deathScreenContainer {
  display: none;
  flex-direction: column;
  margin: auto;
  transform: translateY(-25px);
}

#deathTitleText {
  margin: 0px auto 20px auto;
  color: white;
  font-size: clamp(30px, 5vw, 42px);
}

#innerContainer {
  display: flex;
}

#respawn {
  width: 50%;
  height: clamp(32px, 12vw, 42px);
  margin-right: 10px;
  margin-left: 10px;
}

#toMainMenu {
  width: 50%;
  height: clamp(32px, 12vw, 42px);
  margin-right: 10px;
  margin-left: 10px;
}

input {
  outline: none;
  background-color: rgba(34, 34, 34, 0.6);
  color: white;
  text-align: center;
  border-style: solid;
}

#chatbox,
#teams {
  border-radius: 2px;
  border: 2px solid rgba(0, 0, 0, 0.9);
}

select {
  outline: none;
}

.inputBorder {
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  border-color: rgba(255, 255, 255, 0.2);
}

.ingameInput {
  display: none;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  -webkit-user-drag: none;
}