diff --git a/src/App.css b/src/App.css
index c99695f..4b1ace0 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,4 @@
+@import "assets/fonts/monsterrat/style.css";
 
 :root {
     --color-base: #181a20;
diff --git a/src/assets/fonts/monsterrat/cyrillic-ext.woff2 b/src/assets/fonts/monsterrat/cyrillic-ext.woff2
new file mode 100644
index 0000000..06807e4
Binary files /dev/null and b/src/assets/fonts/monsterrat/cyrillic-ext.woff2 differ
diff --git a/src/assets/fonts/monsterrat/cyrillic.woff2 b/src/assets/fonts/monsterrat/cyrillic.woff2
new file mode 100644
index 0000000..463aa69
Binary files /dev/null and b/src/assets/fonts/monsterrat/cyrillic.woff2 differ
diff --git a/src/assets/fonts/monsterrat/latin-ext.woff2 b/src/assets/fonts/monsterrat/latin-ext.woff2
new file mode 100644
index 0000000..9cb9882
Binary files /dev/null and b/src/assets/fonts/monsterrat/latin-ext.woff2 differ
diff --git a/src/assets/fonts/monsterrat/latin.woff2 b/src/assets/fonts/monsterrat/latin.woff2
new file mode 100644
index 0000000..e9bd2e8
Binary files /dev/null and b/src/assets/fonts/monsterrat/latin.woff2 differ
diff --git a/src/assets/fonts/monsterrat/style.css b/src/assets/fonts/monsterrat/style.css
new file mode 100644
index 0000000..272bacc
--- /dev/null
+++ b/src/assets/fonts/monsterrat/style.css
@@ -0,0 +1,99 @@
+/* cyrillic */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(cyrillic.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* cyrillic */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(cyrillic.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(latin-ext.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(latin-ext.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(cyrillic-ext.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(cyrillic-ext.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(vietnamese.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* vietnamese */
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(vietnamese.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
\ No newline at end of file
diff --git a/src/assets/fonts/monsterrat/vietnamese.woff2 b/src/assets/fonts/monsterrat/vietnamese.woff2
new file mode 100644
index 0000000..b918383
Binary files /dev/null and b/src/assets/fonts/monsterrat/vietnamese.woff2 differ
diff --git a/src/index.html.ejs b/src/index.html.ejs
index 2484ae5..6f2f3bd 100644
--- a/src/index.html.ejs
+++ b/src/index.html.ejs
@@ -70,9 +70,6 @@
     media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
   <link rel="apple-touch-startup-image" href="/splashscreens/apple-splash-1136-640.jpg"
     media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap"
-    rel="stylesheet" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/