diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 06febef..969193e 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -166,6 +166,7 @@
 
     html,
     body {
+        font-family: "Libre Franklin", sans-serif;
         @media @mobile {
             font-size: @bodyfontsize;
             line-height: 1.4;
diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte
index 63285bd..83ea84e 100644
--- a/frontend/src/lib/components/Footer.svelte
+++ b/frontend/src/lib/components/Footer.svelte
@@ -19,7 +19,13 @@
         }
         nextpage = pages[nextIndex]
     }
+    let blackBg = false
     setInterval(() => {
+        if (location.pathname == "/") {
+            blackBg = true
+        } else {
+            blackBg = false
+        }
         getNextPage($navigation.pages)
 
         if (location.pathname.split("/").filter((s) => s).length >= 2) {
@@ -43,7 +49,7 @@
     }
 </script>
 
-<div class="footer">
+<div class="footer" class:black-bg="{blackBg}">
     {#if showNext}
         <button
             class="upper-part"
@@ -73,13 +79,16 @@
 <style lang="less">
     @import "../assets/css/main.less";
     .footer {
-        margin-top: 80px;
+        padding-top: 80px;
         display: flex;
         position: relative;
         z-index: 1000;
         flex-direction: column;
         align-items: flex-end;
         color: @font-color-secondary;
+        &.black-bg {
+            background-color: @bg-color-secondary;
+        }
         .upper-part {
             background-color: @bg-color-secondary;
             padding: 10px 40px;
diff --git a/frontend/src/lib/components/widgets/iconBlock.svelte b/frontend/src/lib/components/widgets/iconBlock.svelte
index 7438962..5bd710f 100644
--- a/frontend/src/lib/components/widgets/iconBlock.svelte
+++ b/frontend/src/lib/components/widgets/iconBlock.svelte
@@ -24,23 +24,22 @@
         justify-content: start;
         flex-wrap: wrap;
         .icon {
-            margin: 30px;
             display: flex;
             flex-direction: column;
             align-items: center;
 
-            width: 80px;
+            width: 127px;
             gap: 8px;
             max-width: 45%;
             flex-grow: 1;
             @media @tablet {
                 max-width: initial;
                 flex-grow: initial;
-                width: 107px;
+                width: 157px;
                 gap: 20px;
             }
             img {
-                width: 100%;
+                width: 75%;
                 height: auto;
             }
             .text {