body{
    margin: 0px;
}

.box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70vh;
}

.gun1{
    display: flex;
}

.gun2{
    display: flex;
    flex-direction: row-reverse;
}

.container1{
    height:200px;
    width: 200px;
}

.container2{
    height: 200px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container3{
    height: 200px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.container4{
    height: 200px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}


.head{
    height: 200px;
    width:200px;
    background-color: orange;
}


.tail{
    height:50px;
    width:50px;
    background-color: red;
}



.bullet1{
    height: 20px;
    width:20px;
    background-color: black;
    position: absolute;
    left: 0px;
}

.bullet2{
    height: 20px;
    width:20px;
    background-color: black;
    position: absolute;
    right: 0px;
}



.bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fire{
    height: 200px;
    width:200px;
    display: flex;
    justify-content: center;
    align-items: center;
}


button{
    background-color: green;
    padding: 10px;
    border:none;
    border-radius:5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.count{
    display: flex;
    gap:10px;
}