update

static/css/main.css

@@ -64,6 +64,7 @@ nav ul li a:hover img {
 }
 
 nav ul li#music {
+    z-index: 100;
     margin-top: auto;
     padding-bottom: 2rem;
     display: none;
@@ -252,10 +253,23 @@ main section a:hover {
 
 .links a img {
     height: 120px;
-    transition: all 0.3s ease-in-out;
+    transition: all 0.2s ease-in-out;
 }
 
-.links a img:hover {
+.links a:nth-child(even) img:hover {
+    transform: scale(1.1) rotate(5deg);
+}
+
+.links a:nth-child(odd) img:hover {
+    transform: scale(1.1) rotate(-5deg);
+}
+
+.links iframe {
+    height: 120px;
+    transition: all 0.2s ease-in-out;
+}
+
+.links iframe:hover {
     transform: scale(1.1);
 }
 
@@ -266,10 +280,39 @@ main section a:hover {
 
 .blinkies a img {
     height: 60px;
-    transition: all 0.3s ease-in-out;
+    transition: all 0.2s ease-in-out;
+}
+
+.blinkies a {
+    height: 60px;
 }
 
 img.btn {
-    height: 50px !important;
-    transition: all 0.3s ease-in-out;
-} 
+    height: 60px !important;
+    transition: all 0.2s ease-in-out;
+}
+
+#links h2 {
+    margin-top: 2rem;
+}
+
+.btns {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-top: 2rem;
+}
+
+.btns img {
+    height: 40px;
+    transition: all 0.2s ease-in-out;
+}
+
+.btns img:hover:nth-child(even) {
+    transform: scale(1.3) rotate(5deg);
+}
+
+.btns img:hover:nth-child(odd) {
+    transform: scale(1.3) rotate(-5deg);
+}