add profile description

src/components/profile/profile.astro

@@ -5,8 +5,18 @@ import DownloadButton from "../cv-download-button/cv-download-button.astro"
 ---
 <div class="profile">
   <Image class="picture" src={Pic} alt="Profile picture of a very handsome young man in full suit during a christmas dinner" />
-  <h3 class="name">Jort Willemsen</h3>
-  <DownloadButton />
+  <h2 class="name">Jort Willemsen</h2>
+  <!-- <DownloadButton /> -->
+  <p>
+    Hi I am Jort and I created Tungstun to express my creativity to the world and help other people with their digital struggles.
+    This can include things like creating a website, designing a logo, developing software solutions or building a personal (gaming) computer!
+    <br> <br>
+    I love learning, therefore after graduating with a bachelors degree in software engineering from the Utrecht University of Applied Sciences (HU) I wanted to continue my studies
+    by entering a computing science masters program at Utrecht University. This will help to specilize my knownledge of computer programming to the more theoretical side compared to the more practical courses at the HU.
+    <br> <br>
+    During my spare time I really like photography, watching movies and learning about really intersting things such as space, physics and all other kinds of things that grab my attention! 
+    Just shoot a message if you think we could do a project together. In the meantime just take a look around this piece of my mind :D
+  </p>
 </div>
 
 <style lang="scss">
@@ -17,7 +27,7 @@ import DownloadButton from "../cv-download-button/cv-download-button.astro"
   }
 
   .name {
-    font-size: 25px;
+    font-size: 45px;
     color: white; 
   }
 

src/components/project/project.astro

@@ -22,6 +22,7 @@ const { title, link, picture, description } = Astro.props;
 
 <style lang="scss">
   .container {
+    color: #c8c8c8;
     @media (max-width: 1200px) {
       height: 100px;
       margin: 20px 0 20px 0;

src/components/technology.astro

@@ -36,19 +36,19 @@ const projects = await getCollection("projects", ({ data }) => {
   .tech {
     width: 100%;
     margin-bottom: 40px;
+    color: #c8c8c8;
   }
 
   .name {
-    font-size: 40px;
-    color: white;
+    font-size: 25px;
     margin: 0;
   }
 
   .div {
     flex-grow: 1;
     height: 0px;
     margin-left: 20px;
-    border: 3px white solid;
+    border: 3px #c8c8c8 solid;
   }
 
   .head {

src/pages/about.astro

@@ -87,7 +87,8 @@ import Technology from "../components/technology.astro";
       width: 100%;
       text-align: center;
       color: white;
-      font-size: 30px;
+      font-size: 40px;
+      margin: 60px 0;
     }
     border-radius: 5px;
     margin: 25px;