Update index.html

index.html

@@ -16,15 +16,17 @@
         }
         #attack-simulator {
             background-image: url('/siber-saldiri.jpg');
-            background-size:cover;
-            background-repeat:no-repeat;
-            margin: 20px;            
-            margin-top: 50px;
-            padding: 20px;
-            background-color: #fff;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.288);
-            text-align: center;
+            background-size: cover; /* Resmi kapsayıcının tamamını kaplamasını sağlar */
+            background-position: center; /* Resmin ortalanmasını sağlar */
+    background-repeat: no-repeat; /* Resmin tekrar etmesini engeller */
+    margin: 20px auto; /* Sayfanın ortasına hizalar */
+    padding: 20px;
+    background-color: rgba(255, 255, 255, 0.8); /* Arka plan rengini şeffaf yapar */
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.288);
+    text-align: center;
+    max-width: 1200px; /* Maksimum genişlik sınırı koyarak geniş ekranlarda düzgün görünmesini sağlar */
+    width: 100%; /* Kapsayıcının tam genişlikte olmasını sağlar */
         }
         .button-container {
             display: flex;