diff --git a/static/styles.css b/static/styles.css
index 8f635e5..2a457b0 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,20 +1,18 @@
 @import url("https://fonts.googleapis.com/css?family=IBM Plex Sans");
-@import url("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/atom-one-dark.min.css");
-@import url("https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.css");
+@import url("https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css");
 
 body {
   font-family: "IBM Plex Sans";
 }
 
-pre {
-  overflow-x: auto;
-  white-space: pre-wrap;
-  white-space: -moz-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: -o-pre-wrap;
-  word-wrap: break-word;
+code[class*="language-*"] {
+  font-family: "Fira Code" !important;
 }
 
-.hljs {
-  font-family: "Hack" !important;
+.mdpaste {
+    white-space: normal !important;
+    word-break: break-word !important;
+    font-family: "Lunasima" !important;
+    font-size: 14 !important;
+    color: "white" !important;
 }
diff --git a/templates/paste.html b/templates/paste.html
index 5f46fdd..18a5636 100644
--- a/templates/paste.html
+++ b/templates/paste.html
@@ -13,8 +13,9 @@
       <h2 class="text-3xl font-bold text-gray-300">Obsolute Paste</h2>
       {% block content %}
         {% if md %}
+          <link href='https://fonts.googleapis.com/css?family=Lunasima' rel='stylesheet'>
           <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-          <div class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2" id="pastecontent"></div>
+          <div class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2 mdpaste" id="pastecontent"></div>
           <script>
             document.getElementById('pastecontent').innerHTML = marked.parse(`{{paste_content}}`);
           </script>
@@ -24,9 +25,14 @@
             document.addEventListener("DOMContentLoaded", (event) => {
             const elem = document.getElementById("pastecontent");
             hljs.highlightElement(elem);
+            Prism.highlightElement(elem);
             });
           </script>
-          <pre class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2" id="pastecontent">{{paste_content}}</pre>
+          <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+          <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
+          <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+          <link href='https://fonts.googleapis.com/css?family=Fira Code' rel='stylesheet'>
+          <pre class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2"><code id="pastecontent">{{paste_content}}</code></pre>
         {% endif %}
       {% endblock content %}
     </div>