From 708ecfd74208e49b653df50d75d180f901cdbff4 Mon Sep 17 00:00:00 2001
From: brambang <carolus-b.inf25@ukwms.ac.id>
Date: Mon, 15 Dec 2025 21:19:49 +0700
Subject: [PATCH] style: demage fix

---
 src/css/game.css          | 17 +++++++++++++++++
 src/game/firstperson.html |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/css/game.css b/src/css/game.css
index 9f5a4d2..1ccc11e 100644
--- a/src/css/game.css
+++ b/src/css/game.css
@@ -239,3 +239,20 @@
         transform: translate(-50%, -150%) scale(1.5)
     }
 }
+
+.dmg{
+    width: 800px;
+    
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+
+    z-index: 9999;
+    pointer-events: none;
+
+    display: none;
+    image-rendering: pixelated;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
diff --git a/src/game/firstperson.html b/src/game/firstperson.html
index 50ade11..6836fa0 100644
--- a/src/game/firstperson.html
+++ b/src/game/firstperson.html
@@ -19,7 +19,6 @@
         <div class="content">
             <div class="boss">
                 <img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt="">
-                <img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
             </div>
             <div class="hearts" id="hrt">
                 <img id="h1" src="/assets/Design/Heartfull.png">
@@ -36,6 +35,7 @@
                 </div>
             </div>
             <h2 id="scoreAlert"></h2>
+            <img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
         </div>
     </div>
     <script type="module" src="/js/firstperson.js"></script>