diff --git a/index.html b/index.html
index 9836974..875d363 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@ <h2 class="headline-support">I'm a Software Developer</h2>
           </div>
           <ul class="flex social-media-list social-list">
             <li>
-              <a href="https://github.com/Alibaba2023" target="_blank">
+              <a href="https://github.com/Alibaba2023" target="_blank" rel="noopener">
                 <svg
                   class="hero-icons"
                   width="18"
@@ -68,7 +68,7 @@ <h2 class="headline-support">I'm a Software Developer</h2>
               </a>
             </li>
             <li>
-              <a href="https://www.linkedin.com/in/ali-baba-hussaini-630607267" target="_blank">
+              <a href="https://www.linkedin.com/in/ali-baba-hussaini-630607267" target="_blank" rel="noopener">
                 <svg
                   class="hero-icons"
                   width="20"
@@ -104,7 +104,7 @@ <h2 class="headline-support">I'm a Software Developer</h2>
               </a>
             </li>
             <li>
-              <a href="https://twitter.com/AliBabaHu2023" target="_blank">
+              <a href="https://twitter.com/AliBabaHu2023" target="_blank" rel="noopener">
                 <svg
                   class="hero-icons"
                   width="20"
@@ -148,7 +148,7 @@ <h2 class="heading-about-me">About me</h2>
                 <p class="about-me-description description-text">
                   Greetings! I specialize in software development and possess the skills to assist you in crafting a remarkable product, feature, or website. Take a glance at my portfolio and explore my diverse experience. If my work resonates with your vision and you have a coding project in mind, feel free to reach out – I'm here to bring your ideas to life!
                 </p>
-                <a href="https://docs.google.com/document/d/167cpX08X8uCl3-AGUJL3m-MilgC7B6LcJKWBxEMWFGY/edit?usp=sharing" class="btn btn-inline-block" target="_blank">
+                <a href="https://docs.google.com/document/d/167cpX08X8uCl3-AGUJL3m-MilgC7B6LcJKWBxEMWFGY/edit?usp=sharing" class="btn btn-inline-block" target="_blank" rel="noopener">
                   <p>Get my resume</p>
                 </a>
               </div>
diff --git a/navbar-logo-animation.css b/navbar-logo-animation.css
index b2c4bc7..627a661 100644
--- a/navbar-logo-animation.css
+++ b/navbar-logo-animation.css
@@ -1,30 +1,30 @@
 :root {
-    --orange: #ff6b00;
+  --orange: #ff6b00;
+}
+
+.logo-box {
+  animation: rotateLogo 1.5s ease-in;
+  animation-delay: 0.5s;
+  padding: 0.5rem 0 0.4rem 0;
+}
+
+@keyframes rotateLogo {
+  0% {
+    transform: rotate(-180deg);
+    border-bottom: 1px solid var(--orange);
   }
-  
-  .logo-box {
-    animation: rotateLogo 1.5s ease-in;
-    animation-delay: 0.5s;
-    padding: 0.5rem 0 0.4rem 0;
+
+  25% {
+    border-bottom: 3px solid var(--orange);
   }
-  
-  @keyframes rotateLogo {
-    0% {
-      transform: rotate(-180deg);
-      border-bottom: 1px solid var(--orange);
-    }
-  
-    25% {
-      border-bottom: 3px solid var(--orange);
-    }
-  
-    50% {
-      transform: rotate(360deg) scale(1.2);
-      box-shadow: var(--orange) 2px 2px 20px 1px;
-    }
-  
-    100% {
-      transform: scale(1.1);
-      box-shadow: var(--orange) 2px 2px 20px 1px;
-    }
-  }
\ No newline at end of file
+
+  50% {
+    transform: rotate(360deg) scale(1.2);
+    box-shadow: var(--orange) 2px 2px 20px 1px;
+  }
+
+  100% {
+    transform: scale(1.1);
+    box-shadow: var(--orange) 2px 2px 20px 1px;
+  }
+}