@font-face{
  font-family:'Boblox';
  src:url('../fonts/Boblox.ttf') format('truetype');
}
IL{
  display:inline;
}
IB{
  display:inline-block;
}
BL{
  display:block;
}
INPUT,PROGRESS,LABEL{
  font-family:Boblox;
  font-size:28px;
  line-height:1.9;
  margin:12px 0 12px;
  border:none;
  border-radius:8px;
  padding:32px;
  min-width:256px;
  max-width:576px;
  width:100%;
  box-shadow:0 0 8px #CECECE;
  box-sizing:border-box;
}
INPUT[type=text]{
  background:#FFF;
  color:#a8b4bd;
}
INPUT[type=text]::placeholder{
  color:#CCC;
}
INPUT[type=button],INPUT[type=submit]{
  cursor:pointer;
  background:#A46464;
  color:#623131;
}
INPUT[type=button]:hover,INPUT[type=submit]:hover{
  background:#B97E7E;
}
INPUT[type=button]:disabled,INPUT[type=submit]:disabled{
  background:#DDD;
  color:#BBB;
  box-shadow:0 0 8px #EEE;
}
PROGRESS{
  background:#FFF;
  box-shadow:none;
  margin:0;
  padding:32px 0;
  height:117.2px;
}
PROGRESS::-webkit-progress-bar{
  border-radius:4px;
  background-color:#e5d6d6;
}
PROGRESS::-moz-progress-bar{
  border-radius:4px;
  background-color:#e5d6d6;
}
PROGRESS::-moz-progress-value{
  border-radius:4px;
  background-color:#9b4848;
}
PROGRESS::-webkit-progress-value{
  border-radius:4px;
  background-color:#9b4848;
}
LABEL{
  display:inline-block;
  box-shadow:none;
  height:auto;
}
BODY{
  font-family:Boblox;
  margin:0;
  background:#F0F0F0;
}
HEADER{
  position:relative;
  box-shadow:0 0 8px #CECECE;
  text-align:center;
  padding:48px;
  background:#FFF;
}
IMG.logo{
  width:92px;
  vertical-align:middle;
}
II.title{
  font-size:92px;
  color:#9b4848;
  vertical-align:middle;
}
II.description{
  font-size:28px;
  color:#c3cfdb;
}
MAIN{
  background:#F0F0F0;
  padding:48px;
  text-align:center;
  font-size:32px;
}
LABEL.error{
  color:#b34d4d;
  border:4px solid #b34d4d;
}
IB.status-progress{
  margin-top:32px;
  font-size:32px;
  color:#ae6e6e;
  padding:0 24px;
}
IB.status{
  font-size:32px;
  color:#7d8c9b;
  border-bottom:4px dotted #bcc6d0;
}
LABEL.player{
  color:#ae6e6e;
  font-size:24px;
  margin:0;
  padding-bottom:8px;
}
LABEL.game{
  color:#7d8c9b;
  border:none;
  font-size:24px;
  vertical-align:middle;
  margin:0;
  padding-top:8px;
}
INPUT[type=button].join{
  background:#8DA1B5;
  color:#445b73;
  min-width:128px;
  width:calc(50% - 12px);
  margin-right:12px;
}
INPUT[type=button].join:hover{
  background:#B5C3D0;
}
INPUT[type=button].join:disabled{
  background:#DDD;
  color:#BBB;
  box-shadow:0 0 8px #EEE;
}
INPUT[type=button].back{
  min-width:128px;
  width:calc(50% - 12px);
  margin-left:12px;
}
IMG.discord{
  width:64px;
  position:fixed;
  bottom:48px;
  left:48px;
  border-radius:8px;
  transition:1s;
}
IMG.discord:hover{
  transition:1s;
  transform:rotate(360deg);
}