diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index b4f10b1..ffb5c11 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -13,7 +13,7 @@ title = "Hugo-tufte Theme Example Site"
 math = true
 # (If math is enabled) 
 ## if "katex" is set to true katex will be used to render LaTex, if not MathJax will be used instead
-katex = false
+katex = true
 
 [params]
   # Subtitle of the website
diff --git a/exampleSite/static/css/hugo-tufte-override.css b/exampleSite/static/css/hugo-tufte-override.css
new file mode 100644
index 0000000..3d0b1ac
--- /dev/null
+++ b/exampleSite/static/css/hugo-tufte-override.css
@@ -0,0 +1 @@
+/* Nothing here yet, (This file is waiting your customizations) */
\ No newline at end of file
diff --git a/exampleSite/static/hugo-tufte-override.css b/exampleSite/static/hugo-tufte-override.css
deleted file mode 100644
index f39c0d7..0000000
--- a/exampleSite/static/hugo-tufte-override.css
+++ /dev/null
@@ -1,2 +0,0 @@
-This file is the last hugo-tufte related css file
-loaded by the theme, and so personal customization can go here.
diff --git a/layouts/partials/header.includes.html b/layouts/partials/header.includes.html
index 2d3a379..8f1bbc6 100644
--- a/layouts/partials/header.includes.html
+++ b/layouts/partials/header.includes.html
@@ -15,12 +15,10 @@
 <!-- Font Awesome -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css">
 
-<script defer src="{{ "/js/main.js" | relURL }}"></script>
-
 {{ $htoptions := (dict "targetPath" "/css/hugo-tufte.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
 {{ $htstyle := resources.Get "scss/hugo-tufte.scss"| resources.ExecuteAsTemplate "main.scss" .  | resources.ToCSS $htoptions }}
 <link rel="stylesheet" href="{{ $htstyle.Permalink | relURL }}">
 
-<link rel="stylesheet" href="{{ "/css/hugo-tufte-override.css" | relURL }}">
+<link rel="stylesheet"  href="{{ "/css/hugo-tufte-override.css" | relURL }}">
 
 
diff --git a/layouts/partials/math.html b/layouts/partials/math.html
index 31131c1..60366bf 100644
--- a/layouts/partials/math.html
+++ b/layouts/partials/math.html
@@ -2,7 +2,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"></script>
-    <script>
+    <script defer>
         renderMathInElement(
             document.body,
             {
@@ -19,7 +19,7 @@
 {{ else }}
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
-    <script>
+    <script defer>
         window.MathJax = {
             tex: {
                 inlineMath: [['$', '$'], ['\\(', '\\)']]
diff --git a/static/js/main.js b/static/js/main.js
deleted file mode 100644
index 6f19105..0000000
--- a/static/js/main.js
+++ /dev/null
@@ -1,12 +0,0 @@
-renderMathInElement(
-    document.body,
-    {
-        delimiters: [
-            { left: "$$", right: "$$", display: true },
-            { left: "\\[", right: "\\]", display: true },
-            { left: "$", right: "$", display: false },
-            { left: "\\(", right: "\\)", display: false }
-        ],
-        displayMode: true
-    }
-);
\ No newline at end of file