@font-face {
  font-family:"RS-Chat";
  src:url("stuff/RS-Chat.ttf");
}

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

body {
  background-color:#838172;
  color:#FFFFFF;
  font-family:RS-Chat;
  font-size:1vw;
  user-select:none;
}

h1, h2 {
  font-family:BerryRotunda;
  font-size:2vw;
  margin:0.3vw 0 0 0;
  text-align:center;
  text-shadow:0.2vw 0.2vw #000000;
}

h2 {
  font-size:1.5vw;
  margin:1vw 0 1vw 0;
  text-shadow:0.1vw 0.1vw #000000;
}

.container {
  align-content:center;
  //background-color:#303038;
  display:flex;
  justify-content:center;  
}


#header {
  background-color:#484b54;
  border:0.4vw solid #303038;
  border-radius:0.2vw;
  box-sizing:border-box;
  height:4vw;;
  padding:0.5vw 1vw 0 1vw;
  width:50vw;
}


.button {
  border:0.1vw solid #FFFFFF;
  border-radius:0.2vw;
  box-sizing:border-box;
  cursor:pointer;
  font-family:RS-Chat;
  font-size:0.9vw;
  height:2.3vh;
  margin-top:0.1vw;
  text-align:center;
  width:7.4vw;
}

#main {
  align-items:center;
  background-color:#484b54;
  border:0.4vw solid #303038;
  border-radius:0.2vw;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:50vh;
  margin-top:2vw;
  padding:0.5vw 1vw 0 1vw;
  width:50vw;
}

#main a {
  color:#FFFFFF;
  text-decoration:none;
}

#login-form-box, #register-form-box {
  border:0.1vw solid #FFFFFF;
  border-radius:0.5vw;
  padding:0.5vw;
  text-align:left;
}

table {
  border-collapse:collapse;
}

input {
  height:2vh;
  width:7vw;
}

#show-login, #show-register {
  cursor:pointer;
}

#game-window {
  display:none;
}