keep logo aspect ratio

index.html

@@ -62,14 +62,21 @@
             z-index: 1;
         }
 
-        .logo {
+        .logo-container {
             width: 300px;
-            height: 300px;
+            max-width: 80vw;
             margin-bottom: 40px;
             filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.7));
             animation: pulse 2s infinite;
         }
 
+        .logo {
+            width: 100%;
+            height: auto;
+            max-height: 300px;
+            object-fit: contain;
+        }
+
         @keyframes pulse {
             0% {
                 transform: scale(1);
@@ -144,7 +151,9 @@
 
     <!-- Main Content -->
     <div class="content">
-        <img src="assets/logo.png" alt="StrafesNET Logo" class="logo">
+        <div class="logo-container">
+            <img src="assets/logo.png" alt="StrafesNET Logo" class="logo">
+        </div>
         <h1 class="site-title">StrafesNET</h1>
         <p class="tagline">Explore StrafesNET services.</p>