style: enhance link appearance and add footer info section

Author: NiniEdo

css/style.css

@@ -128,4 +128,22 @@ center-buttons {
     text-align: center;
     border-radius: 5px;
     padding: 0px;
+}
+
+a:link,
+a:visited {
+    color: rgb(255, 255, 255);
+    font-weight: bold;
+    text-decoration: none;
+}
+
+#info {
+    color: white;
+    font-family: 'Courier New', Courier, monospace;
+    font-size: small;
+    display: inline-block;
+    position: fixed;
+    bottom: 10px;
+    left: 10px;
+    width: 100%;
 }

index.html

@@ -41,10 +41,12 @@
                     <button id="settings">Settings</button>
                     <form id="settingsForm" class="form-group" style="display: none">
                         <label for="simulationAria">Simulation Area:</label>
-                        <input type="number" id="simulationAria" value="10" min="1" required onkeydown="if(event.key === 'Enter'){event.preventDefault();}">
+                        <input type="number" id="simulationAria" value="10" min="1" required
+                            onkeydown="if(event.key === 'Enter'){event.preventDefault();}">
                         <label for="elastic">
                             coefficient of restitution:</label>
-                        <input type="number" id="elastic" value="1.5" min="0" required onkeydown="if(event.key === 'Enter'){event.preventDefault();}">
+                        <input type="number" id="elastic" value="1.5" min="0" required
+                            onkeydown="if(event.key === 'Enter'){event.preventDefault();}">
 
                         <label for="showGrid">Show grid:</label>
                         <input type="checkbox" id="showGrid">
@@ -57,6 +59,9 @@
             </div>
         </div>
     </div>
+    <div id="info">
+        Made by <a href= "https://github.com/NiniEdo" >Edoardo Nini</href>
+    </div>
     <script type="module" src="/src/renderer.ts"></script>
     <script type="module" src="/src/domHandler.ts"></script>
 </body>