diff --git a/client/styles.css b/client/styles.css
index 0f90aae4..eb1eecd1 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -2,7 +2,7 @@
 
 :root {
     --icon-size: 24px;
-    --primary-color: #4285f4;
+    --primary-color: #0530AD;
     --peer-width: 120px;
     --text-color: #333;
     --bg-color: #fafafa;
@@ -10,7 +10,10 @@
 }
 
 /* Layout */
-
+@font-face {
+    font-family: 'syne';
+    src: url('syne.ttf') format('truetype');
+}
 html {
     height: 100%;
 }
@@ -82,10 +85,10 @@ header {
 
 /* Typography */
 
-body {
-    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+*{
+    
+    font-family: '', sans-serif;
+   
 }
 
 h1 {
@@ -118,13 +121,13 @@ h3 {
 
 .font-body1,
 body {
-    font-size: 14px;
+    font-size: 18px;
     font-weight: 400;
     line-height: 20px;
 }
 
 .font-body2 {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 18px;
 }
 
diff --git a/client/syne.ttf b/client/syne.ttf
new file mode 100644
index 00000000..4e94628a
Binary files /dev/null and b/client/syne.ttf differ