Update static/styles/style.css

static/styles/style.css

@@ -1,6 +1,28 @@
 /*
 @author: idoia lerchundi
 */
+#credit {
+    background-color: #f5f5f5; /* Light gray background */
+    color: #555555;           /* Dark gray font for readability */
+    font-family: 'Roboto', sans-serif; /* Clean and modern sans-serif font */
+    font-size: 0.9em;         /* Slightly smaller font size for subtlety */
+    padding: 10px 15px;       /* Add padding for spacing */
+    border-radius: 5px;       /* Rounded corners for a softer look */
+    text-align: center;       /* Center-align the text */
+    margin: 20px auto;        /* Add margin and center the div */
+    max-width: 800px;         /* Set a maximum width for better layout control */
+}
+
+#credit a {
+    color: #0077cc;           /* Subtle blue for links */
+    text-decoration: none;    /* Remove underline from links */
+    font-weight: bold;        /* Make links bold */
+}
+
+#credit a:hover {
+    text-decoration: underline; /* Add underline on hover */
+    color: #005fa3;            /* Slightly darker blue on hover */
+}
 body {
     background-color: #121212;
     color: #ffffff;