diff --git a/src/main/webapp/WEB-INF/jsp/admin/layout.jsp b/src/main/webapp/WEB-INF/jsp/admin/layout.jsp
index f943da060..b9f9e563c 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/layout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/layout.jsp
@@ -12,7 +12,6 @@
         <%-- CSS --%>
         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins" />
         <link rel="stylesheet" href="<spring:url value='/static/css/styles.css' />" />
         <link rel="stylesheet" href="<spring:url value='/static/css/admin/styles.css' />" />
         
diff --git a/src/main/webapp/WEB-INF/jsp/analytics/layout.jsp b/src/main/webapp/WEB-INF/jsp/analytics/layout.jsp
index 0834dfa5f..81c7c1401 100644
--- a/src/main/webapp/WEB-INF/jsp/analytics/layout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/analytics/layout.jsp
@@ -12,7 +12,6 @@
         <%-- CSS --%>
         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins" />
         <link rel="stylesheet" href="<spring:url value='/static/css/styles.css' />" />
         <link rel="stylesheet" href="<spring:url value='/static/css/analytics/styles.css' />" />
         
diff --git a/src/main/webapp/WEB-INF/jsp/content/layout.jsp b/src/main/webapp/WEB-INF/jsp/content/layout.jsp
index 4246040d8..fef516878 100644
--- a/src/main/webapp/WEB-INF/jsp/content/layout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/content/layout.jsp
@@ -12,8 +12,6 @@
         <%-- CSS --%>
         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins" />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Andika" />
         <link rel="stylesheet" href="<spring:url value='/static/css/styles.css' />" />
         <link rel="stylesheet" href="<spring:url value='/static/css/content/styles.css' />" />
         
diff --git a/src/main/webapp/WEB-INF/jsp/layout.jsp b/src/main/webapp/WEB-INF/jsp/layout.jsp
index c75f0ba67..3bc2da8f9 100644
--- a/src/main/webapp/WEB-INF/jsp/layout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/layout.jsp
@@ -27,8 +27,6 @@
                 <%-- CSS --%>
                 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
                 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
-                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins" />
-                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amaranth" />
                 <link rel="stylesheet" href="<spring:url value='/static/css/styles.css' />" />
                 
                 <%-- JavaScripts --%>
diff --git a/src/main/webapp/static/css/content/styles.css b/src/main/webapp/static/css/content/styles.css
index 483b96e02..d301708dd 100644
--- a/src/main/webapp/static/css/content/styles.css
+++ b/src/main/webapp/static/css/content/styles.css
@@ -1,7 +1,3 @@
-html[data-content-language="hin"] {
-    font-family: "Andika", sans-serif;
-}
-
 body {
     background-image: url(../../../static/img/background.jpg);
 }
@@ -40,6 +36,8 @@ nav {
 
 .card-panel img {
     border-radius: 8px;
+    background-color: rgba(255,255,255, 0.5);
+    box-shadow: 4px 4px rgba(103,58,183, 0.2); /* deep-purple */
 }
 #labeledAudios img,
 #labeledImages img,
@@ -47,6 +45,8 @@ nav {
     width: 47%;
     margin-right: 2%;
     border-radius: 8px;
+    background-color: rgba(255,255,255, 0.5);
+    box-shadow: 4px 4px rgba(103,58,183, 0.2); /* deep-purple */
 }
 #imageEditPage #image img {
     display: block;
diff --git a/src/main/webapp/static/css/styles.css b/src/main/webapp/static/css/styles.css
index ca172b932..f96c97253 100644
--- a/src/main/webapp/static/css/styles.css
+++ b/src/main/webapp/static/css/styles.css
@@ -1,5 +1,5 @@
 html {
-    font-family: "Poppins", sans-serif;
+    font-family: monospace, sans-serif;
 }
 
 body {
@@ -29,7 +29,6 @@ html[data-content-language="tgl"] #index-banner {
 }
 
 .container h1 {
-    font-family: "Amaranth";
     text-shadow: 1px 1px rgba(0,0,0, .8), 
         0 -1rem 3rem rgba(0,0,0, .8), 
         2rem 0 3rem rgba(0,0,0, .8),