Use system font, internalize CSS in HTML

validata_ui/static/css/sticky-footer-navbar.css

-.footer {
-    background-color: #f5f5f5;
-    padding: 3em;
-    margin-top: 5em;
-}
\ No newline at end of file

validata_ui/templates/base_template.html

@@ -9,9 +9,20 @@
     <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico')}}" type="image/x-icon">
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.min.css')}}" crossorigin="anonymous">
-    <link rel="stylesheet" href="{{url_for('static', filename='css/sticky-footer-navbar.css')}}" crossorigin="anonymous">
 
     <title>Validata - {% block title %}{% endblock %}</title>
+
+    <style>
+        body {
+            font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+        }
+
+        .footer {
+            background-color: #f5f5f5;
+            padding: 3em;
+            margin-top: 5em;
+        }
+    </style>
     {% endblock %}
 </head>