<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="gunstore">
        <div class="esc">ESC</div>
        <div class="cart">
        <div class="emptycart">
            <div class="emptytext">YOUR CART IS EMPTY</div>
            <div class="cartlogo">
            <svg xmlns="http://www.w3.org/2000/svg" width="71" height="55" viewBox="0 0 71 55" fill="none">
                <path d="M71 22.5895V24.5538C71 26.181 69.6755 27.5002 68.0417 27.5002H67.0556L63.8368 49.9405C63.4204 52.8436 60.924 55 57.9796 55H13.0204C10.076 55 7.57962 52.8436 7.16311 49.9405L3.94444 27.5002H2.95833C1.32447 27.5002 0 26.181 0 24.5538V22.5895C0 20.9622 1.32447 19.6431 2.95833 19.6431H11.259L24.4212 1.6183C25.7025 -0.136292 28.1693 -0.524359 29.9312 0.751805C31.693 2.02797 32.0825 4.48491 30.8012 6.23962L21.0137 19.6431H49.9863L40.1988 6.23949C38.9175 4.48491 39.3071 2.02785 41.0689 0.751682C42.8305 -0.524482 45.2976 -0.136537 46.579 1.61817L59.741 19.6431H68.0417C69.6755 19.6431 71 20.9622 71 22.5895ZM38.4583 44.1965V30.4466C38.4583 28.8193 37.1339 27.5002 35.5 27.5002C33.8661 27.5002 32.5417 28.8193 32.5417 30.4466V44.1965C32.5417 45.8238 33.8661 47.1429 35.5 47.1429C37.1339 47.1429 38.4583 45.8238 38.4583 44.1965ZM52.2639 44.1965V30.4466C52.2639 28.8193 50.9394 27.5002 49.3056 27.5002C47.6717 27.5002 46.3472 28.8193 46.3472 30.4466V44.1965C46.3472 45.8238 47.6717 47.1429 49.3056 47.1429C50.9394 47.1429 52.2639 45.8238 52.2639 44.1965ZM24.6528 44.1965V30.4466C24.6528 28.8193 23.3283 27.5002 21.6944 27.5002C20.0606 27.5002 18.7361 28.8193 18.7361 30.4466V44.1965C18.7361 45.8238 20.0606 47.1429 21.6944 47.1429C23.3283 47.1429 24.6528 45.8238 24.6528 44.1965Z" fill="white"/>
            </svg>
            </div>
        </div>
        <div class="totaltitle">TOTAL</div>
        <div class="total">$0</div>
        <div class="purchase">PURCHASE</div>
        <div class="cartscrollholder">
        </div>
        </div>
        <div class="categories">
        <div class="category active" data-category="pistols">PISTOLS</div>
        <div class="category" data-category="rifles">RIFLES</div>
        <div class="category" data-category="smgs">SMGs</div>
        <div class="category" data-category="shotguns">SHOTGUNS</div>
        </div>      
        <div class="title">
        <div class="text">GUN STORE</div>
        <div class="line"></div>
        <div class="star">
            <svg xmlns="http://www.w3.org/2000/svg" width="34.5" height="33.25" viewBox="0 0 42 39" fill="none">
            <path d="M18.7469 1.35666L13.6206 11.4406L2.15106 13.0628C0.0942428 13.3522 -0.730055 15.8123 0.761531 17.2213L9.05946 25.066L7.09685 36.1477C6.74358 38.1507 8.91815 39.6511 10.7395 38.7143L21 33.482L31.2605 38.7143C33.0819 39.6435 35.2564 38.1507 34.9032 36.1477L32.9405 25.066L41.2385 17.2213C42.7301 15.8123 41.9058 13.3522 39.8489 13.0628L28.3794 11.4406L23.2531 1.35666C22.3346 -0.440777 19.6733 -0.463625 18.7469 1.35666Z" fill="white"/>
            </svg>
        </div>
        </div>
        <div class="gunbar">
        <div class="gun" data-price="">
            <div class="guncategory">PISTOLS</div>
            <div class="gunname">COMBAT PISTOL</div>
            <div class="price">$250,000</div>
            <div class="buy">
            <svg class="buyimage" xmlns="http://www.w3.org/2000/svg" width="25" height="18" viewBox="0 0 25 18" fill="none">
                <path d="M16.6306 8.75144C15.9704 8.75144 15.3493 8.39988 15.0134 7.83738L12.5017 3.67332L9.99384 7.83738C9.654 8.40379 9.0329 8.75535 8.37275 8.75535C8.19697 8.75535 8.02118 8.73191 7.85322 8.68113L2.50165 7.14988V14.103C2.50165 14.6772 2.89228 15.1772 3.44697 15.3139L11.8923 17.4272C12.2907 17.5249 12.7087 17.5249 13.1032 17.4272L21.5563 15.3139C22.111 15.1733 22.5017 14.6733 22.5017 14.103V7.14988L17.1501 8.67723C16.9821 8.72801 16.8063 8.75144 16.6306 8.75144ZM24.9352 4.36863L22.9235 0.353006C22.8024 0.110819 22.5407 -0.0298061 22.2712 0.00535011L12.5017 1.25144L16.0837 7.19285C16.2321 7.43894 16.529 7.55613 16.8063 7.47801L24.5368 5.27097C24.9235 5.15769 25.111 4.72801 24.9352 4.36863ZM2.07978 0.353006L0.0680596 4.36863C-0.111628 4.72801 0.0797784 5.15769 0.462591 5.26707L8.19306 7.4741C8.4704 7.55222 8.76728 7.43504 8.91572 7.18894L12.5017 1.25144L2.72822 0.00535011C2.45868 -0.0258999 2.20087 0.110819 2.07978 0.353006Z" fill="white"/>
            </svg>
            </div>
            <div class="imageholder">
            <div class="gunimage"></div>
            </div>
        </div>
        <div class="gun">
            <div class="buy">
            <svg class="buyimage" xmlns="http://www.w3.org/2000/svg" width="25" height="18" viewBox="0 0 25 18" fill="none">
                <path d="M16.6306 8.75144C15.9704 8.75144 15.3493 8.39988 15.0134 7.83738L12.5017 3.67332L9.99384 7.83738C9.654 8.40379 9.0329 8.75535 8.37275 8.75535C8.19697 8.75535 8.02118 8.73191 7.85322 8.68113L2.50165 7.14988V14.103C2.50165 14.6772 2.89228 15.1772 3.44697 15.3139L11.8923 17.4272C12.2907 17.5249 12.7087 17.5249 13.1032 17.4272L21.5563 15.3139C22.111 15.1733 22.5017 14.6733 22.5017 14.103V7.14988L17.1501 8.67723C16.9821 8.72801 16.8063 8.75144 16.6306 8.75144ZM24.9352 4.36863L22.9235 0.353006C22.8024 0.110819 22.5407 -0.0298061 22.2712 0.00535011L12.5017 1.25144L16.0837 7.19285C16.2321 7.43894 16.529 7.55613 16.8063 7.47801L24.5368 5.27097C24.9235 5.15769 25.111 4.72801 24.9352 4.36863ZM2.07978 0.353006L0.0680596 4.36863C-0.111628 4.72801 0.0797784 5.15769 0.462591 5.26707L8.19306 7.4741C8.4704 7.55222 8.76728 7.43504 8.91572 7.18894L12.5017 1.25144L2.72822 0.00535011C2.45868 -0.0258999 2.20087 0.110819 2.07978 0.353006Z" fill="white"/>
            </svg>
            </div>
            <div class="guncategory">PISTOLS</div>
            <div class="gunname">COMBAT PISTOL</div>
            <div class="price">$250,000</div>
            <div class="imageholder">
            <div class="gunimage"></div>
            </div>
        </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
