add font + Color

index.html

@@ -23,6 +23,11 @@
     integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
     crossorigin="anonymous"></script>
 
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
+
   <style>
     a {
       display: block;
@@ -40,6 +45,11 @@
       transition: all .7s ease-in-out;
     }
 
+    * {
+      font-family: "Roboto Mono", monospace;
+
+    }
+
     code[class*=language-],
     pre[class*=language-] {
       color: #333;
@@ -293,13 +303,15 @@
     html body h1 {
       font-size: 2.25em;
       font-weight: 300;
-      padding-bottom: .3em
+      padding-bottom: .3em;
+      color: #00a3f5;
     }
 
     html body h2 {
       font-size: 1.75em;
       font-weight: 400;
-      padding-bottom: .3em
+      padding-bottom: .3em;
+      color: #00a3f5;
     }
 
     html body h3 {
@@ -450,7 +462,7 @@
       word-break: keep-all
     }
 
-    .mermaid{
+    .mermaid {
       background-color: white;
       border-radius: 10px;
       padding: 1rem;
@@ -2283,13 +2295,13 @@ <h2 id="segregação-de-rede-1">Segregação de Rede </h2>
         document.body.classList.remove('dark-mode');
         checkbox.checked = false;
       }
-    } 
+    }
 
     const savedMode = localStorage.getItem('darkMode');
     if (savedMode) {
       setMode(savedMode === 'true');
     } else {
-      setMode(false); 
+      setMode(false);
     }
 
     checkbox.addEventListener('change', () => {