Install Roboto Font

package.json

@@ -13,6 +13,7 @@
     "@astrojs/mdx": "^2.1.1",
     "@astrojs/rss": "^4.0.5",
     "@astrojs/sitemap": "^3.0.5",
+    "@fontsource/roboto": "^5.0.13",
     "astro": "^4.4.0"
   }
 }

src/pages/index.astro

@@ -1,6 +1,8 @@
 ---
-import PostList from '../components/PostList.astro';
+import '@fontsource/roboto/400.css';
+
 import { SITE_DESCRIPTION } from '../consts';
+import PostList from '../components/PostList.astro';
 import BaseLayout from '../layouts/BaseLayout.astro';
 ---
 
@@ -8,38 +10,21 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   <section>
     <h2>Welcome to my website</h2>
     <p>
-      My name is <strong>Maciej</strong>, but if you're not sure how to
+      If you don't know how to pronounce my name, you can call me <strong
-      pronounce it, then you can call me <strong>Mac</strong>. I'm an
+        >Mac</strong
-      eighteen-year-old frontend developer from <strong>Poland</strong>.
+      >. During the day, I'm a Computer Science student at <a
-      Although I mainly use <strong>Vue</strong> and <strong>Nuxt</strong> for my
+        href="https://pja.edu.pl/en">PJAIT in Warsaw</a
-      projects, I'm also familiar with <strong>Alpine</strong> and <strong
+      >. After hours, I'm an aficionado of all things motorsport and house
-        >Astro</strong
+      music.
-      >.
     </p>
   </section>
   <section>
     <h3>My blog</h3>
     <p>
-      It serves as a means of documenting the development process and inner
+      Here I document the development of my personal projects and their inner
-      workings of <a href="/projects">my applications</a>. Check out the latest
+      workings. Check out the latest posts below:
-      posts below:
-    </p>
-    <PostList limit={3} />
-  </section>
-  <section>
-    <h3>Like my work?</h3>
-    <p>
-      If so, make sure to follow me on <a
-        href="https://github.com/maciejpedzich"
-        target="_blank"
-        rel="noopener noreferrer">GitHub</a
-      >, <a
-        href="https://twitter.com/MaciejPedzich"
-        target="_blank"
-        rel="noopener noreferrer">Twitter</a
-      >, or <a rel="me" href="https://notacult.social/@macindahaus">Mastodon</a
-      >.
     </p>
+    <PostList limit={5} />
   </section>
 </BaseLayout>
 

src/styles/global.css

@@ -12,7 +12,7 @@ body {
   height: 100vh;
   line-height: 1.8;
   font-size: 1rem;
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: Arial, Helvetica, 'Roboto', sans-serif;
   background-color: #485870;
   color: #fff;
   text-align: left;
@@ -121,7 +121,7 @@ article > time {
 }
 
 h1.cmr2-text {
-  margin: 22px 0;
+  margin: 1.375rem 0;
 }
 
 .cmr2-text > span,