fixed broken link

stephen/index.html

@@ -60,7 +60,8 @@ theatre.</p>
 <p><em>stephen kerr is a graphic designer or a musician or a very weird
 and long dream.</em></p>
 <button>
-<a href="stephenkerrdesign.com" class="ext">stephenkerrdesign.com</a>
+<a href="https://stephenkerrdesign.com"
+class="ext">stephenkerrdesign.com</a>
 </button>
 <button>
 <a

stephen/index.md

@@ -14,7 +14,7 @@ For the past year I have spoken with designers, artists and makers finding out h
 
 *stephen kerr is a graphic designer or a musician or a very weird and long dream.*
 
-<button>[stephenkerrdesign.com](stephenkerrdesign.com){.ext}</button>
+<button>[stephenkerrdesign.com](https://stephenkerrdesign.com){.ext}</button>
 
 <button>[Wiki: more about the project](https://pzwiki.wdka.nl/mediadesign/User:Ssstephen/Final_presentation){.ext}</button>
 

style.css

@@ -62,6 +62,7 @@ button{
     background:none;
     padding: 0.5rem 1rem;
     border-radius: 0.5rem;
+    margin-right: 0.5rem;
 }
 button:hover{
     animation: wiggle 0.6s infinite;
@@ -106,17 +107,7 @@ button:hover{
     margin: auto;
     margin-right: 0;
 }
-@keyframes wiggle {
-    25% {
-        transform: scale(0.8, 1.3);
-    }
-    50% {
-        transform: scale(1.1, 0.8);
-    }
-    75% {
-        transform: scale(0.7, 1.2);
-    }
-}
+
 .desaturate{
     filter: grayscale(90%) contrast(1.2) brightness(1.1);
 }
@@ -135,6 +126,11 @@ button:hover{
     width: 4rem;
     filter: saturate(2);
 }
+.gummy img:hover{
+    scale: 1;
+    animation: wiggle 0.6s infinite;
+    cursor: pointer;
+}
 h1 {
     font-weight: 700;
     font-size: 50px;
@@ -196,6 +192,17 @@ nav{
     background: var(--spot-color-1);
     color: #fff;
 }
+@keyframes wiggle {
+    25% {
+        transform: scale(0.8, 1.3);
+    }
+    50% {
+        transform: scale(1.1, 0.8);
+    }
+    75% {
+        transform: scale(0.7, 1.2);
+    }
+}
 @media only screen and (max-width: 768px){
     body {
         line-height: 1.3;