diff --git a/lib/utils/themes/fontFace.ts b/lib/utils/themes/fontFace.ts
new file mode 100644
index 0000000..cec89a4
--- /dev/null
+++ b/lib/utils/themes/fontFace.ts
@@ -0,0 +1,130 @@
+import { domain } from "../defineDomain";
+
+
+export const fontFaces = `
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Thin.ttf);
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-ThinItalic.ttf);
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-ExtraLight.ttf);
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-ExtraLightItalic.ttf);
+  font-weight: 200;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Light.ttf);
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-LightItalic.ttf);
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Regular.ttf);
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Italic.ttf);
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Medium.ttf);
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-MediumItalic.ttf);
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-SemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-SemiBoldItalic.ttf);
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-BoldItalic.ttf);
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-ExtraBold.ttf);
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-ExtraBoldItalic.ttf);
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-Black.ttf);
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url(${domain}/fonts/Lato-BlackItalic.ttf);
+  font-weight: 900;
+  font-style: italic;
+}
+`;
diff --git a/lib/utils/themes/generic.ts b/lib/utils/themes/generic.ts
index a7b4aad..33c01e1 100644
--- a/lib/utils/themes/generic.ts
+++ b/lib/utils/themes/generic.ts
@@ -1,4 +1,5 @@
-import {createTheme} from "@mui/material";
+import { createTheme } from "@mui/material";
+import { fontFaces } from "./fontFace";
 
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
@@ -18,6 +19,14 @@ const theme = createTheme({
         },
     },
     components: {
+        MuiCssBaseline: {
+            styleOverrides: fontFaces,
+        },
+        MuiScopedCssBaseline: {
+            styleOverrides: {
+                root: fontFaces,
+            }
+        },
         MuiTypography: {
             defaultProps: {
                 variantMapping: {
@@ -29,7 +38,8 @@ const theme = createTheme({
             variants: [
                 {
                     props: {
-                        variant: 'contained' },
+                        variant: 'contained'
+                    },
                     style: {
                         backgroundColor: "#7E2AEA",
                         padding: '13px 20px',
@@ -44,7 +54,8 @@ const theme = createTheme({
                 },
                 {
                     props: {
-                        variant: 'outlined' },
+                        variant: 'outlined'
+                    },
                     style: {
                         backgroundColor: "#F2F3F7",
                         padding: '10px 20px',
@@ -89,12 +100,10 @@ const theme = createTheme({
             fontWeight: 500,
         },
         fontFamily: [
-            '"Helvetica Neue"',
             "Twemoji Country Flags",
-            "Rubik",
+            '"Lato"',
             "-apple-system",
             "BlinkMacSystemFont",
-            '"Segoe UI"',
             "Arial",
             "sans-serif",
             '"Apple Color Emoji"',
diff --git a/public/fonts/Lato-Black.ttf b/public/fonts/Lato-Black.ttf
new file mode 100644
index 0000000..53a31ac
Binary files /dev/null and b/public/fonts/Lato-Black.ttf differ
diff --git a/public/fonts/Lato-BlackItalic.ttf b/public/fonts/Lato-BlackItalic.ttf
new file mode 100644
index 0000000..b3cee66
Binary files /dev/null and b/public/fonts/Lato-BlackItalic.ttf differ
diff --git a/public/fonts/Lato-Bold.ttf b/public/fonts/Lato-Bold.ttf
new file mode 100644
index 0000000..1d23c70
Binary files /dev/null and b/public/fonts/Lato-Bold.ttf differ
diff --git a/public/fonts/Lato-BoldItalic.ttf b/public/fonts/Lato-BoldItalic.ttf
new file mode 100644
index 0000000..a3b8e33
Binary files /dev/null and b/public/fonts/Lato-BoldItalic.ttf differ
diff --git a/public/fonts/Lato-ExtraBold.ttf b/public/fonts/Lato-ExtraBold.ttf
new file mode 100644
index 0000000..8612461
Binary files /dev/null and b/public/fonts/Lato-ExtraBold.ttf differ
diff --git a/public/fonts/Lato-ExtraBoldItalic.ttf b/public/fonts/Lato-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..516676f
Binary files /dev/null and b/public/fonts/Lato-ExtraBoldItalic.ttf differ
diff --git a/public/fonts/Lato-ExtraLight.ttf b/public/fonts/Lato-ExtraLight.ttf
new file mode 100644
index 0000000..648e78c
Binary files /dev/null and b/public/fonts/Lato-ExtraLight.ttf differ
diff --git a/public/fonts/Lato-ExtraLightItalic.ttf b/public/fonts/Lato-ExtraLightItalic.ttf
new file mode 100644
index 0000000..569692a
Binary files /dev/null and b/public/fonts/Lato-ExtraLightItalic.ttf differ
diff --git a/public/fonts/Lato-Italic.ttf b/public/fonts/Lato-Italic.ttf
new file mode 100644
index 0000000..70a870f
Binary files /dev/null and b/public/fonts/Lato-Italic.ttf differ
diff --git a/public/fonts/Lato-Light.ttf b/public/fonts/Lato-Light.ttf
new file mode 100644
index 0000000..c3f3cb5
Binary files /dev/null and b/public/fonts/Lato-Light.ttf differ
diff --git a/public/fonts/Lato-LightItalic.ttf b/public/fonts/Lato-LightItalic.ttf
new file mode 100644
index 0000000..9368e06
Binary files /dev/null and b/public/fonts/Lato-LightItalic.ttf differ
diff --git a/public/fonts/Lato-Medium.ttf b/public/fonts/Lato-Medium.ttf
new file mode 100644
index 0000000..0648fb2
Binary files /dev/null and b/public/fonts/Lato-Medium.ttf differ
diff --git a/public/fonts/Lato-MediumItalic.ttf b/public/fonts/Lato-MediumItalic.ttf
new file mode 100644
index 0000000..af296ab
Binary files /dev/null and b/public/fonts/Lato-MediumItalic.ttf differ
diff --git a/public/fonts/Lato-Regular.ttf b/public/fonts/Lato-Regular.ttf
new file mode 100644
index 0000000..0f3d0f8
Binary files /dev/null and b/public/fonts/Lato-Regular.ttf differ
diff --git a/public/fonts/Lato-SemiBold.ttf b/public/fonts/Lato-SemiBold.ttf
new file mode 100644
index 0000000..3b1bccc
Binary files /dev/null and b/public/fonts/Lato-SemiBold.ttf differ
diff --git a/public/fonts/Lato-SemiBoldItalic.ttf b/public/fonts/Lato-SemiBoldItalic.ttf
new file mode 100644
index 0000000..032b99d
Binary files /dev/null and b/public/fonts/Lato-SemiBoldItalic.ttf differ
diff --git a/public/fonts/Lato-Thin.ttf b/public/fonts/Lato-Thin.ttf
new file mode 100644
index 0000000..81167fa
Binary files /dev/null and b/public/fonts/Lato-Thin.ttf differ
diff --git a/public/fonts/Lato-ThinItalic.ttf b/public/fonts/Lato-ThinItalic.ttf
new file mode 100644
index 0000000..339d2dc
Binary files /dev/null and b/public/fonts/Lato-ThinItalic.ttf differ
diff --git a/public/index.html b/public/index.html
deleted file mode 100755
index a96c59f..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
-    <title>Pena Quiz</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-  </body>
-</html>