#player1{
    height: 200px;
    width: 200px;
    border: 1px solid black;
    float: left;
}
#player2{
    height: 200px;
    width: 200px;
    border: 1px solid black;
    float: left;
    margin-bottom: 10px;
}

#fire_player1{
    height: 200px;
    width: 200px;
    margin-left: 20px;
    border: 1px solid black;
    float: left;
}
#fire_player2{
    height: 200px;
    width: 200px;
    margin-right: 20px;
    border: 1px solid black;
    float: left;
}

#hp{
    height: 80px;
    border: 1px solid black;
    padding: 10px;
    clear: both;
    width:826px;
    margin-bottom: 10px;
    
}

#hp_player1{
    float: left;
}
#hp_player2{
    float: right;
}

#hp_player1, #hp_player2{
    border: 1px solid black;
    width: 200px;
    height: 50px;
    margin: 10px;
    padding: 10px;
    
}

.hpp1{
    border: 1px solid black;
    background-color: green;
    height: 50px;
    width: 20px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.hpp2{
    border: 1px solid black;
    background-color: green;
    height: 50px;
    width: 20px;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

#magazine{
    border: 1px solid black;
    width: 200px;
    height: 50px;
    margin: 10px;
    margin-left: 70px;
    float: left;
    text-align: center;
}

.shell0{
    border: 1px solid black;
    width: 10px;
    height: 30px;
    background-color: blue;
    float: left;
    margin: 5px;
}
.shell1{
    border: 1px solid black;
    width: 10px;
    height: 30px;
    background-color: red;
    float: left;
    margin: 5px;
}

#eq{
    height: 80px;
    border: 1px solid black;
    padding: 10px;
    clear: both;
    width:826px;
    
    padding-top: 10px;
}

#eq_player1{
    border: 1px solid black;
    height: 80px;
    width: 405px;
    float: left;
    margin-right: 10px;
    
}
#eq_player2{
    border: 1px solid black;
    height: 80px;
    width: 405px;
    float: left;
    
    
}

.item1{
    border: 1px solid black;
    height: 40px;
    width: 28px;
    background-color: orange;
    float: left;
    margin: 10px;
    cursor: pointer;
}

.item2{
    border: 1px solid black;
    height: 40px;
    width: 28px;
    background-color: saddlebrown;
    float: left;
    margin: 10px;
}

.item3{
    border: 1px solid black;
    height: 40px;
    width: 28px;
    background-color: red;
    float: left;
    margin: 10px;
}

.item4{
    border: 1px solid black;
    height: 40px;
    width: 28px;
    background-color: gray;
    float: left;
    margin: 10px;
}

.item5{
    border: 1px solid black;
    height: 40px;
    width: 28px;
    background-color: rgb(126, 218, 239);
    float: left;
    margin: 10px;
}