Update style.css

public/style.css

@@ -1,24 +1,53 @@
 body {
-  font-family: sans-serif;
-  margin: auto;
-  max-width: 1280px;
+    background-color: white;
+    font-family: monospace;
 }
 
-.navbar {
-  background-color: #313236;
-  border-radius: 2px;
-  max-width: 800px;
+.navfoot {
+    background-color: #444444;
+    color: #white;
 }
 
-.navbar a {
-  color: #aaa;
+.about {
+    font-size: 120%;
+}
+
+p {
+    text-align: justify;
+}
+
+.tooltip {
+    position: relative;
     display: inline-block;
-  font-size: 15px;
-  padding: 10px;
-  text-decoration: none;
 }
 
-.navbar a:hover {
-  color: #ffffff;
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 125px;
+    background-color: #444444;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    bottom: 125%;
+    left: 50%;
+    margin-left: -60px;
 }
 
+.tooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #444444 transparent transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}