diff --git a/public/index.html b/public/index.html
index 21cba3a..039961e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,9 +35,28 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="manifest.json" />
+
+    <link rel="stylesheet" href="styles.css" />
+
     <title>Michael Czyż</title>
   </head>
   <body>
-      
+      <div class="page">
+        <h1>Hi, I'm Mike 👋🏻 👨🏻‍💻</h1>
+
+        <p>I'm a student and a frontend developer creating websites in many technologies and frameworks. I also want to get closer to the metal 🔨 so I create software in C++, C# and Python. Electron is terrifying me :electron:.</p>
+        <p>I built a <a href="https://github.com/eRgo35/Project-TSI">Web App</a> using Angular Material framework, a simple <a href="https://github.com/eRgo35/Server-Manager">Server Manager</a> program for Windows and much more! I'm also a co-author of a Discord <a href="https://github.com/HiveMindStudios/MelvinJS">multipurpose bot</a> written in JavaScript.</p> 
+        <p>I'm having a lot of fun with the latest technologies, mainly Cryptocurrencies 💰 and Artificial Inteligence 👁️.</p>
+
+        <h2>Find Mike around the web 🌎:</h2>
+        <ul>
+          <li>take a look at my <a href="https://github.com/eRgo35">GitHub</a> 🐙</li>
+          <li>find me on <a href="https://www.linkedin.com/in/mike-czyz/">LinkedIn</a> 💼</li>
+          <li>visit my <a href="https://www.youtube.com/@eRgo35">Youtube</a> Channel 📹</li>
+          <li>and follow my <a href="https://twitter.com/Mike_Czyz_">Twitter</a> 🐦</li>
+        </ul>
+
+        <p>Psst! You can also take a look at my <a href="https://github.com/eRgo35/dots">dotfiles</a> and find my latest rice 🍚.</p>
+      </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/public/styles.css b/public/styles.css
index e69de29..de6ddc6 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -0,0 +1,25 @@
+@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;1,400&display=swap');
+
+html, body {
+  margin: 0;
+  height: 100vh;
+  background-color: #24273a;
+  color: #cad3f5;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: 'Schibsted Grotesk', sans-serif;
+}
+
+.page {
+  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 6px 0px;
+  box-sizing: border-box;
+  width: 8.5in;
+  height: 11in;
+  background-color: #363a4f;
+  padding: 0.5in;
+}
+
+a {
+  color: #7dc4e4;
+}
\ No newline at end of file
