diff --git a/css/style.css b/css/style.css
index f2824b65..b2036e2f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -46,7 +46,7 @@ html, body {
 
 body {
   background: #000010;
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'calibri', sans-serif;
   color: #fff;
   line-height: 1.3;
   -webkit-font-smoothing: antialiased;
@@ -85,7 +85,7 @@ h1::after {
 p {
   margin: 0 0 30px 0;
   font-size: 24px;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'calibri', sans-serif;
 }
 
 @media only screen and (max-width: 1000px) {
diff --git a/index.html b/index.html
index 11af8f06..557a7ac3 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
 
 <div id="particles">
   <div id="intro">
-      <h2 style="font-family: 'Syncopate', sans-serif; font-weight: 10;">Anon Developer&nbsp<a href="deedy.pdf" style="color: white;"><img src="https://png.icons8.com/office/40/000000/open-resume.png" height="35" width="35"></a></h2>
+      <h2 style="font-family: 'Syncopate', sans-serif; font-weight: 10;">Anon Developer&nbsp<a href="deedy.pdf" style="color: red;"><img src="https://png.icons8.com/office/40/000000/open-resume.png" height="35" width="35"></a></h2>
         <hr style="width: 50%; background-color: #E83951; border-color: #E83951;">
     <a href="https://www.linkedin.com/in/#/" style="color: white;"><i class="fab fa-linkedin" style="font-size: 2em;"></i></a>
     &nbsp
diff --git a/js/demo.js b/js/demo.js
index 0be17991..136056c5 100644
--- a/js/demo.js
+++ b/js/demo.js
@@ -6,8 +6,8 @@
 // This can be used to set the Particles Effects. Check README for more details!
 document.addEventListener('DOMContentLoaded', function () {
   particleground(document.getElementById('particles'), {
-    dotColor: '#5cbdaa',
-    lineColor: '#5cbdaa'
+    dotColor: 'red',
+    lineColor: 'red'
   });
   var intro = document.getElementById('intro');
   intro.style.marginTop = - intro.offsetHeight / 2 + 'px';