add slight hover animation

content/search.html.erb

@@ -72,8 +72,6 @@ function ready() {
             if(html) {
                 create_wrapper.innerHTML = html;
                 div.appendChild(create_wrapper.firstChild);
-
-                console.log(create_wrapper.firstChild);
             }
         }
     }

content/stylesheets/main.css

@@ -283,15 +283,18 @@ fieldset p label input {
   border-radius: 4px;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
 
+  transition: 0.3s;
+  transition-property: box-shadow;
+
   margin: 30px auto;
 
   gap: 20px;
-
   padding: 0.5rem;
 }
 
 .link:hover {
   cursor: pointer;
+  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
 }
 
 .link__img {

layouts/quiz.erb

@@ -14,10 +14,10 @@
 </div>
 <div class="buttons">
   <button id="previousButton" onclick="window.history.back()">
-    Vorige!
+    Vorige
   </button>
   <button id="nextButton" onclick="goNext()">
-    Volgende!
+    Volgende
   </button>
 </div>
 <script>