html {
    width: 100%;
}

body {
    width: 1024px;
    margin: auto;
}

#game {
    margin-top: 20px;
    display: flex;
}

#players {
    width: 245px;
    list-style-type: none;
    padding: 0;
    margin: 5px 0px 5px 0px;
    height: 400px;
    overflow: auto;
}

#slide {
    width: 305px;
}

#control {
    padding-left: 10px;
}

#control img {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#wait {
    width: 255px;
}

#p_history {
}

#surrender {
    margin-top: 20px;
    width: 255px;
}

#summary {
    width: 100%;
    padding: 5px;
}

.bar {
    width: 290px;
    background: #3e3e3e;
    height: 10px;
    padding: 4px;
    margin-bottom: 15px;
}

#stamina {
    width: 2%;
    background: darkseagreen;
    height: 100%;
    transition: 'width 500ms ease 0s';
}

#anger {
    width: 31%;
    background: crimson;
    height: 100%;
}

#time {
    width: 2%;
    background: lightblue;
    height: 100%;
}

#last_turn {
    padding: 10px;
}