diff --git a/about.css b/about.css
index 15d9455..8ef48b7 100644
--- a/about.css
+++ b/about.css
@@ -18,7 +18,7 @@
 }
 
 .aboutcont {
-    margin-top: 50px;
+    margin-top: 20px;
 }
 
 /* Стилі для екранів меншого розміру */
@@ -109,6 +109,7 @@
     padding: 20px;
     border-radius: 20px;
     color: #dbe1f8;
+
 }
 
 .contcont {
diff --git a/about.html b/about.html
index e536d66..d402e2b 100644
--- a/about.html
+++ b/about.html
@@ -41,6 +41,14 @@ <h1 class="headertext">Спільнота українізації модів</h
 
 <div class="container">
 <div class="aboutcont">
+
+    <div class="textabout">
+        <p>Ми - група аматорів, які захоплюються Minecraft та іншими іграми. Наша місія - зробити ці ігри доступними для української аудиторії шляхом перекладу різноманітних модифікацій та доповнень. Ми віримо, що українська мова має бути доступною для всіх гравців, тому ми віддаємо багато часу та зусиль на переклад, щоб зробити це можливим.</p>
+
+        <p>Ви можете слідкувати за нашим процесом у соціальних мережах спільноти, де ми публікуємо посилання на наш проект Crowdin. І найголовніше, ви можете долучитися до перекладу разом з нами! Приєднуйтесь до нашої спільноти і допоможіть нам зробити гри ще більш доступними для українців.</p>
+        
+        <p>Разом ми робимо геймінг кращим для усіх! Долучайтеся до нас і допоможіть зробити ігри ще цікавішими та зрозумілішими для української геймерської спільноти.</p>
+    </div>
     <div class="socbut">
         <div class="soc-button mono">Mono</div>
         <div class="soc-button dona">Donatello</div>
@@ -51,13 +59,6 @@ <h1 class="headertext">Спільнота українізації модів</h
             <div href="" class="smalll twi"></div>
         </div>
     </div>
-    <div class="textabout">
-        <p>Ми - група аматорів, які захоплюються Minecraft та іншими іграми. Наша місія - зробити ці ігри доступними для української аудиторії шляхом перекладу різноманітних модифікацій та доповнень. Ми віримо, що українська мова має бути доступною для всіх гравців, тому ми віддаємо багато часу та зусиль на переклад, щоб зробити це можливим.</p>
-
-        <p>Ви можете слідкувати за нашим процесом у соціальних мережах спільноти, де ми публікуємо посилання на наш проект Crowdin. І найголовніше, ви можете долучитися до перекладу разом з нами! Приєднуйтесь до нашої спільноти і допоможіть нам зробити гри ще більш доступними для українців.</p>
-        
-        <p>Разом ми робимо геймінг кращим для усіх! Долучайтеся до нас і допоможіть зробити ігри ще цікавішими та зрозумілішими для української геймерської спільноти.</p>
-    </div>
 </div>
 </div>
     <div class="footer">
diff --git a/index.html b/index.html
index fd52699..c504e10 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,18 @@
 
     <link rel="icon" type="image/x-icon" href="images/icon.png">
 
+    <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=Noto+Serif&display=swap" rel="stylesheet">
+
+    <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=Ubuntu&display=swap" rel="stylesheet">
+
+    <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&display=swap" rel="stylesheet">
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
diff --git a/notcompleted.css b/notcompleted.css
index 4851462..6987790 100644
--- a/notcompleted.css
+++ b/notcompleted.css
@@ -23,7 +23,7 @@
     color: white;
 }
 
-.NotCompletedTab active{
+.tab .NotCompletedTab active{
     background-color: #ffffff00;
     color: white;
     cursor: default;
diff --git a/styles.css b/styles.css
index b798b49..3dc19ec 100644
--- a/styles.css
+++ b/styles.css
@@ -161,18 +161,20 @@ body {
 
 
 .title {
-    font-size: 18px;
+    font-size: 20px;
     margin-top: 10px;
     color: #dbe1f8;
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
 }
 
 .description {
-    font-size: 14px;
+    font-size: 16px;
     margin-top: 5px;
     padding: 20px;
     border-radius: 20px;
     background-color: #7e292a;
-    
+    font-family: 'Ubuntu', sans-serif;
     color: #dbe1f8;
     position: relative;
     cursor: pointer;
@@ -182,7 +184,7 @@ body {
 
 .popup {
     cursor: default;
-    font-size: 14px;
+    
     display: none;
     position: absolute;
     background-color: #7e292a;
@@ -196,6 +198,8 @@ body {
     white-space: normal;
     transition: max-height 0.3s, padding 0.3s;
     bottom: calc(21% + 5px);
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 16px;
 }
 
 
@@ -241,6 +245,13 @@ body {
     text-align: center;
     opacity: 50%;
     margin-top: -10px;
+    font-family: 'Noto Serif', serif;
+}
+
+.tab, #searchbtn, .addbutton, #show-more-button{
+    font-size: 17px;
+    font-family: 'Rubik', sans-serif!important;
+    font-weight: 200!important;
 }
 
 .translation-button {
@@ -255,6 +266,9 @@ body {
     display: flex;
     align-items: center;
     justify-content: center; /* Додайте цей рядок для центрування тексту по горизонталі */
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
+    letter-spacing: 1px;
 }
 
 .translation-button:hover {
@@ -308,6 +322,8 @@ body {
     bottom: 0;
     width: 100%;
     opacity: 40%;
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
 
 }
 
@@ -338,7 +354,9 @@ body, html {
     z-index: 999;
     left: -50%;
     top: -10px;
-    transform: translateX(-31.5%) translateY(-48%);
+    transform: translateX(-30%) translateY(-54%);
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 16px;
 }