Added wobbling css-effect.

de.php

@@ -137,6 +137,8 @@ echo "    </style>";
 
     </div>
 
+    <p class="hover-wobble button inout">Lass es wobbeln!</p>
+
   </body>
 
 

index.php

@@ -130,6 +130,8 @@ echo "    </style>";
 
     </div>
 
+    <p class="hover-wobble button inout">Let it wobble!</p>
+
   </body>
 
 

styles.php

@@ -16,7 +16,7 @@ html:not([data-scroll='0']) .topnav {
 }
 
 body {
-    background-color: #2e2e2e
+    background-color: #2e2e2e;
 }
 
 p {
@@ -334,3 +334,21 @@ hr {
     border: 2px solid rgba(255, 255, 255, 0.3);
     display: inline-block;
 }
+
+@keyframes wobbl-animation {
+    0% {transform: skew(-10deg, -10deg);}
+    25% {transform: skew(-10deg, 10deg);}
+    50% {transform: skew(10deg, 10deg);}
+    75% {transform: skew(10deg, -10deg);}
+    100% {transform: skew(-10deg, -10deg);}
+}
+
+.hover-wobble {
+  bottom: 16px;
+  right: 32px;
+  position: fixed;
+}
+
+body:has(.hover-wobble:hover) .background {
+  animation: wobbl-animation 0.5s infinite;
+}