.button-vote {
    margin: 3px 10px;
}


#divroom {
    display: none;
}

#room {
    overflow:hidden;
    resize: none;
    height: 300px;
}

#home, #joinRoom, #divroom {
    width: 60%;
    height: 600px;
    margin: auto;
}

#playerList li {
    list-style-type: '\16ED';
}

#playerList li.dead {
    text-decoration: line-through;
    color: #7d7d7d;
    text-decoration: '\271E';
}

#playerList li.lover {
    color: #ec00c7;
    list-style-type: '\2665';
}

#playerList li.werewolf {
    color: #a80b0b;
}

body {
    background-image: url(./img/background.jpg);
    background-size: 100%;
}

body.night {
    background-image: url(./img/village.jpg);
    background-size: 100%;
}

body.tomb {
    background-image: url(./img/tomb.jpg);
    background-size: 100%;
}

#logo{
    width: 50%;
    margin-left: 25%;
    padding-top: 2.5%;
}

#button_home{
    margin-top: 2.5%;
    width: 30%;
}

#begin{
    margin-top: -11%;
    width: 20%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

#joinRoom, #divroom{
    display: none;
}

#usernameForm{
    margin-top: 2%;
}

#nickname{
    padding: 10px;
    width: 17%;
    border-radius: 5px;
}

#validateButton{
    padding-top: 0.7%;
    padding-bottom: 0.7%;
    width: 12%;
    background-image: url(./img/button.png);
    background-size: 100% 100%;
    color: white;
    font-weight: bold;
}

.join_back{
    padding-top: 5%;
    padding-bottom: 5%;
    width: 60%;
    height: 80px;
}

.pseudo_choose_back{
    width: 36%;
    height: 50px;
    padding-bottom: 2%;
}

.text_choose_pseudo{
    width: 30%;
    margin-top: -5.5%;
}

#divroom h3{
    margin: 0em;
}

/*CHAT*/
#game_in_progress{
    padding-top: 2.5%;
    width: 60%;
}

#room{
    border-color: white;
    border-radius: 10px;
    border-style: solid;
}

#roomArea{
    background-color: white;
    border-radius: 10px;
    border-style: solid;
}

#chatPlayerArea{
    margin-left: auto;
    margin-right: auto;
}

#playerArea{
    background-color: white;
    border-radius: 10px;
    border-style: solid;
}

#chatText{
    padding: 10px;
    width: 17%;
    border-radius: 5px;
}

#sendChat, #buttonCloseServer, #buttonBegin, #buttonAddBot{
    padding-top: 0.7%;
    padding-bottom: 0.7%;
    width: 12%;
    background-image: url(./img/button.png);
    background-size: 100% 100%;
    color: white;
    font-weight: bold;
}

#sendChat:hover {
    background-image: url(./img/button_active.png);
}

#sendChat:disabled {
    background-image: url(./img/button_disabled.png);
}

#buttonBegin, #buttonAddBot{
    display: block;
}

#buttonCloseServer{
    display: none;
}

.ghost {
    background-color: #1c1c1c;
}