update html

css/style.css

@@ -35,6 +35,7 @@ body{
 	padding-bottom: 2%;
 	padding-top: 2%;
 	background-color: var(--blue-background-color);
+
 	border-radius: 5px;
 	border: 2px solid --secondary-color;
 	border-color: var(--accent-color);
@@ -53,6 +54,8 @@ body{
 	padding-bottom: 2%;
 	background-color: var(--blue-background-color);
 	box-shadow: 10px 10px 10px var(--secondary-color);
+	border: solid --secondary-color 1px ;
+	border-radius: 10px;
 }
 
 .banner .image-container{
@@ -69,6 +72,7 @@ body{
 	width: 100%;
 	height: 1260 / 640;
 	object-fit: cover; /* Ensures the image covers the area */
+	border-radius: 10px;
 }
 
 @keyframes vanish {
@@ -111,7 +115,7 @@ h2{
 h2.dancing{
 	font-family: "Dancing Script",sans-serif;
 	color: var(--white-text-color);
-	text-align: center;
+	text-align: left;
 }
 
 a{
@@ -137,6 +141,32 @@ li{
 	color: var(--blue-text-color)
 }
 
+/* Unvisited link */
+a:link {
+	color: var(--white-text-color);
+	text-decoration-color: var(--blue-text-color);
+	text-decoration: underline;
+  }
+
+  /* Visited link */
+  a:visited {
+	color: purple;
+	text-decoration: none;
+  }
+
+  /* Link when hovered over */
+  a:hover {
+	color: red;
+	text-decoration: underline;
+  }
+
+  /* Link when active (being clicked) */
+  a:active {
+	color: green;
+	text-decoration: underline;
+  }
+
+
 /* normal  image container*/
 .imageContainer {
 	width: 70%;

index.html

@@ -15,6 +15,7 @@
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:[email protected]&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+
 
 		 <!-- Include Anime.js via CDN -->
 		 <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
@@ -70,7 +71,8 @@ <h1 class="typewritter">
       <li><p><img src="https://img.shields.io/badge/%E2%AC%87%EF%B8%8F%20download%20-latest-maker?style=flat-square&amp;labelColor=red&amp;color=blue&amp;cacheSeconds=https%3A%2F%2Fgithub.com%2Fbaponkar%2Fzombie-ai%2Freleases%2Ftag%2Fv2.3.3" alt="Download Badge"></p>
       </li>
       </ul>
-      <p>Roughly It has following Characteristics:</p>
+
+      <h2 class="dancing">Roughly It has following Characteristics:</p>
 
       <ul>
          <li>
@@ -144,7 +146,7 @@ <h1 class="typewritter">
      </ul>
 
 
-      <h2 id="screenshots-">Screenshots:</h2>
+      <h2 class="dancing" id="screenshots-">Screenshots:</h2>
 
       <div class="center" id="anim-imageContainer">
          <img id="image1" src="ScreenShots/screenshot_with_weapon.png" alt="Image 1">
@@ -164,7 +166,7 @@ <h2 id="screenshots-">Screenshots:</h2>
 
       <p>You can make your own custom transition then you need to update the state csharp script files according to your logic.</p>
 
-      <h2 id="behavior-tree-">Behavior Tree:</h2>
+      <h2 classid="behavior-tree-">Behavior Tree:</h2>
       <p>I have dropped this feature.</p>