editing photos + animations

contact.html

@@ -26,7 +26,7 @@
         </div>
         <div class="isco">
           <img src="icons/pencil.png" class="iscoimg" alt="">
-          <a href="skillz.html"> Skillz </a>
+          <a href="skillz.html"> Projects </a>
         </div>
         <div class="isco">
           <img src="icons/contact-mail.png" class="iscoimg" alt="">

index.html

@@ -26,7 +26,7 @@
         </div>
         <div class="isco">
           <img src="icons/pencil.png" alt="" class="iscoimg">
-          <a href="skillz.html"> <span class="csz">Skillz</span> </a>
+          <a href="skillz.html"> <span class="csz">Projects</span> </a>
         </div>
         <div class="isco">
           <img src="icons/contact-mail.png" alt="" class="iscoimg">
@@ -37,14 +37,14 @@
     <section class="Landingpage">
       <div class="info">
         <h1>Im <b class="em">M</b>urphy</h1>
-        <p>Junior <b class="heru">Full-Stack</b> web developer</p>
+        <p>Junior <b class="heru">Full-Stack</b> Web developer</p>
         <div class="butts">
           <a class="info-b" href="contact.html">Chat with me</a>
           <a class="info-b" href="skillz.html">See what i can do</a>
         </div>
       </div>
       <div class="art">
-        <img src="img/murphy.png" alt="" />
+        <img src="img/murmur.png" alt="" />
       </div>
     </section>
     <section class="aboutme">

skillz.html

@@ -26,16 +26,19 @@
         </div>
         <div class="isco">
           <img src="icons/pencil.png" class="iscoimg" alt="">
-          <a href="skillz.html"> Skillz </a>
+          <a href="skillz.html"> Projects  </a>
         </div>
         <div class="isco">
           <img src="icons/contact-mail.png" class="iscoimg" alt="">
           <a href="contact.html"> Contact </a>
         </div>
       </nav>
     </div>
+
     <section class="Frontend">
-      <h1 class="lang"><b class="lans">Front</b>end</h1>
+      <h1 class="langz"><b class="lans">Web</b>Sites</h1>
+      <hr class="azs">
+      <h2 class="lang"><b class="lans">Front</b>end</h2>
       <div class="Fimg">
         <div class="Frow1">
           <div class="Fitems ">
@@ -176,7 +179,7 @@ <h1>E-Voting Osis</h1>
 
         </div>
       </div>
-    </section>
+    </section> 
     <script defer src="aosthing.js"></script>
     <script src="amogus.js"></script>
   </body>

style.css

@@ -137,15 +137,51 @@ body {
 /* button styling */
 button {
   cursor: pointer;
-  padding-block: 25px;
-  background-color: transparent;
+  padding-bottom: -5px;
+  margin-block: 20px;
+  padding-block: 5px;
   transition: 1s;
   position: absolute;
   top: 1%;
   left: 1%;
   z-index: 1;
+  transition: all 2s;
+  background-color: crimson;
   border: none;
-  padding-inline: 28px;
+  animation: pulsebg 2s ;
+  animation-iteration-count: 1;
+  padding-inline: 8px;
+  border-radius: 5px;
+  margin-inline: 20px;
+}
+@keyframes pulseabg {
+  from {
+    transition: all 2s;
+    transform: rotate(-360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
+@keyframes pulsebg {
+  from {
+    transition: all 2s;
+    border-radius: 20px;
+    transform: rotate(360deg);
+  }
+  to {
+    border-radius: 5px;
+    transform: rotate(0deg);
+  }
+}
+.burga{
+  padding-top: 10px;
+  padding-bottom: -10px;
+}
+.burga[aria-expanded="true"]{
+  animation: pulseabg 2s   infinite  ;
+  background-color: crimson;
+  animation: none;
 }
 .burga rect {
   transition: 1s;
@@ -236,10 +272,11 @@ footer {
   }
   .iscoimg{
     display: block;
-    width: 20px;
-    height: 20px;
+    width: 25px;
+    height: 25px;
   }
   .isco{
+    align-items: center;
     gap: 1rem;
     display: flex;
   }
@@ -278,7 +315,7 @@ footer {
     width: 100%;
   }
   .Frontend {
-    margin-top: 100px;
+    margin-top: 20px;
     padding: 15px !important;
   }
   .Frow1 {
@@ -333,15 +370,23 @@ footer {
 /* !!! LANDING PAGE STYLING END !!! */
 
 /* !!! SKILLZ STYLING START !!! */
+.langz{
+  text-align: center;
+  font-size: 6vh;
+}
+.azs{
+  background-color: crimson;
+  color: crimson;
+}
 .lang {
+  margin-top: 1rem;
   margin-bottom: 2rem;
-  font-size: 6vh;
+  font-size: 4vh;
 }
 .lans {
   color: crimson;
 }
 .Frontend {
-  margin-bottom: 5rem;
   font-family: var(--prim-font);
   padding: 2rem;
 }