diff --git a/css/fonts/roboto-regular-webfont.woff b/css/fonts/roboto-regular-webfont.woff
new file mode 100644
index 0000000..0ab668b
Binary files /dev/null and b/css/fonts/roboto-regular-webfont.woff differ
diff --git a/css/fonts/roboto-regular-webfont.woff2 b/css/fonts/roboto-regular-webfont.woff2
new file mode 100644
index 0000000..67812d9
Binary files /dev/null and b/css/fonts/roboto-regular-webfont.woff2 differ
diff --git a/css/index.css b/css/index.css
index 848357b..e5d5535 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,4 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@font-face {
+    font-family: 'Roboto';
+    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
+         url('fonts/roboto-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
 
 body {
     margin: 0;
@@ -34,7 +40,7 @@ body {
         display: flex;
         position: fixed;
         flex-direction: column;
-        font-family: roboto;
+        font-family: Roboto;
         margin: 10px;
         top: 0;
         left: 0;
@@ -53,7 +59,7 @@ body {
         bottom: 0;
         left: 0;
         flex-direction: column;
-        font-family: roboto;
+        font-family: Roboto;
         margin: 10px;
         width: fit-content;
         position: fixed;
@@ -72,7 +78,7 @@ body {
         bottom: 0;
         right: 0;
         display: flex;
-        font-family: roboto;
+        font-family: Roboto;
         margin: 10px;
     }
 
diff --git a/img/favicon.png b/img/favicon.png
index ea8cce5..923bbad 100644
Binary files a/img/favicon.png and b/img/favicon.png differ
diff --git a/img/search-logo.png b/img/search-logo.png
index 9a53287..6b9c98e 100644
Binary files a/img/search-logo.png and b/img/search-logo.png differ