Improve styling and cleanup

style.css

@@ -15,17 +15,16 @@
 /* Main styling */
 body {
     font-family: Roboto, monospace;
-    font-weight: normal;
 
     margin: 0;
     padding: 0;
 
-    overflow: hidden;
+    overflow: hidden; /* Make it a single-page, disable scroll bar */
 }
 
-.wrapper {
+.wrapper { /* Wrapper to center the content */
     display: flex;
-    flex-direction: column;
+    flex-direction: column; /* To show elements below each other */
 
     height: 100vh;
     justify-content: center;
@@ -46,7 +45,6 @@ footer {
     display: flex;
     width: 100%;
     justify-content: center;
-    align-items: center;
 }
 
 .heart {
@@ -62,11 +60,7 @@ ul.links {
 }
 
 ul.links li {
-    margin-right: 20px;
-}
-
-ul.links li:last-child {
-    margin-right: 0;
+    padding: 0 10px;
 }
 
 ul.links img {
@@ -83,7 +77,8 @@ ul.links a:hover {
     transition: all 0.5s ease;
 }
 
-/* URL animation on hover in footer */
+/* URL animation on hover in footer
+   Draw a line from left to right when hovering over the link */
 footer a {
     text-decoration: none;
     color: inherit; /* Reset to default text color */
@@ -91,18 +86,17 @@ footer a {
 }
 
 footer a::before {
-    --line-thickness: 2px;
-
     content: '';
     position: absolute;
+    /* Height of the line */
     bottom: -2px;
+    height: 2px;
     left: 0;
     width: 0;
-    height: 2px;
     background-color: var(--primary-color);
     transition: width 0.3s ease;
 }
 
 footer a:hover::before {
     width: 100%;
-}
+}