public/css/css.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

html,body{width:100%;height:100%;margin:0;padding:0;}
#bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:white;z-index:-1;background-position:center center;background-size:contain;}
#bg.tile{background-size:auto auto;}
html{background:black;}
body{background:transparent;}
#login {
  display: none;
}
#login {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.95);
}
#lobby form, #login form {
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 20px;
}

#login form {
  background: #fff;
}

#lobby input {
  font-size: 3vw;
  width: 60vw;
  background: rgba(0,0,0,0.9);
  color: #fff;
}