Consistent icon style, more refinements

Author: document10

img/deviantart.webp

@@ -52,9 +52,12 @@ <h1>document10</h1>
                 <a href="https://www.deviantart.com/document10" class="social">
                     <img src="./img/deviantart.webp" alt="Deviantart" class="linkicon">
                 </a>
-                <a href="https://creator.nightcafe.studio/u/document10" class="social">
+                <a href="https://nightcafe.art/u/document10" class="social">
                     <img src="./img/nightcafe.webp" alt="NightCafe" class="linkicon" >
                 </a>
+                <a href="https://www.joinwhirl.com/document10" class="social">
+                    <img src="./img/whirl.webp" alt="Whirl" class="linkicon" >
+                </a>
                 <a href="https://www.instagram.com/document10_/" class="social">
                     <img src="./img/instagram.webp" alt="Instagram" class="linkicon" >
                 </a>

img/devto.webp

@@ -72,6 +72,7 @@ a {
     text-wrap: balance;
     text-align: center;
     font-size: 3.5vh;
+    line-height: 4vh;
     font-family: 'Ubuntu', sans-serif;
     color: #40ee60;
     text-shadow: 3px 3px 3px #010101;
@@ -96,8 +97,6 @@ a {
 
 .ext {
     color: #d0ef11;
-    font-size: 3.5vh;
-    font-family: 'Ubuntu', sans-serif;
     text-shadow: 2px 3px 4px #101010;
     transition: all 0.25s;
 }
@@ -109,15 +108,15 @@ a {
 
 .social{
     padding: 0%;
-    margin: 2vh 2.5vw;
+    margin: 2vh 2vw;
 }
 
 .linkicon {
     width: 6vh;
     height: 6vh;
     padding: 0%;
     margin: 0%;
-    filter: invert(25%) sepia(100%) saturate(7500%) hue-rotate(315deg) brightness(105%) contrast(105%) opacity(100%) drop-shadow(8px 8px 5px #000000);
+    filter: invert(25%) sepia(100%) saturate(7500%) hue-rotate(315deg) brightness(105%) contrast(105%) opacity(100%) drop-shadow(8px 8px 5px #010101);
     transform: none;
     transition: all 0.5s;
 }
@@ -140,7 +139,7 @@ a {
 
 .footer:hover {
     color: #aaff00;
-    transform: scale(105%);
+    transform: scale(110%);
     text-shadow: 6px 6px 5px #666666;
 }
 
@@ -155,7 +154,7 @@ a {
 
     #aboutme {
         font-size: 5.5vw;
-        line-height: 5.5vw;
+        line-height: 6vw;
         text-align: center;
         padding: 0%;
         margin: 0% 1vw ;
@@ -198,7 +197,7 @@ a {
     }
 
     .linkicon {
-        width: 12vw;
-        height: 12vw;
+        width: 10vw;
+        height: 10vw;
     }
 }