diff --git a/src/css/main.css b/src/css/main.css
index b5614b5..6a8d537 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -11,6 +11,12 @@ body {
   flex-direction: column;
 }
 
+.theme-button {
+  float: right;
+  position: static;
+  margin: 0.5em;
+}
+
 html {
   background-image: linear-gradient(-30deg, #C0E0FF6F 70%, #FFE0C04F);
 }
@@ -19,16 +25,22 @@ main {
   margin: auto;
   margin-top: 1em;
   min-width: 80%;
-  padding: 10px;
   min-height: 40%;
   overflow: auto;
+  padding-right: 8px;
   /* colors */
-  border: 1px solid darkblue;
-  background-color: white;
-  box-shadow: 3px 3px 3px #30303090;
+  /* display: inline-block; */
 }
 
-main>h1 {
+main>div {
+  padding: 10px;
+  border: 1px solid darkblue;
+  background-color: #ffffffcc;
+  box-shadow: 3px 3px 3px #30303090;
+  margin-bottom: 1em;
+}
+
+main>div>h1 {
   font-family: "Raleway", sans-serif;
   font-size: 3em;
   margin-top: 0px;
@@ -37,14 +49,20 @@ main>h1 {
   text-shadow: 0px 0px 4px white, 2px 2px 6px;
 }
 
-main>p {
+main>p,
+main>div>p {
   margin-left: 1em;
 }
 
-main>h2 {
+main>h2,
+main>div>h2 {
   margin-left: 0.2em;
 }
 
+main>div>h2 {
+  margin-top: 0.2em;
+}
+
 img {
   display: block;
   margin: 0 auto;
@@ -65,18 +83,19 @@ html.theme-dark {
   color: white;
 }
 
-.theme-dark>body>main {
+.theme-dark>body>main>div {
   border: 1px solid darkgray;
   background-color: black;
   box-shadow: 3px 3px 5px #101010C0;
 }
 
-.theme-dark>body>main>h1 {
+.theme-dark>body>main>h1,
+.theme-dark>body>main>div>h1 {
   text-shadow: 0px 0px 3px blue, 2px 2px 6px;
 }
 
-@media(orientation: portrait){
-  main{
+@media(orientation: portrait) {
+  main {
     margin-top: 0;
   }
 }
diff --git a/src/docs/CV_WardTruyen_2024.pdf b/src/docs/CV_WardTruyen_2024.pdf
index e837962..7014629 100644
Binary files a/src/docs/CV_WardTruyen_2024.pdf and b/src/docs/CV_WardTruyen_2024.pdf differ
diff --git a/src/index.html b/src/index.html
index 4b07e55..a4be23f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,13 +9,14 @@
 
 <body>
   <main>
-    <button style="float: right; font-size:large;" title="Dark theme on/off" onclick="toggleTheme();">&#9728;</button>
+      <div>
+    <button class="theme-button" title="Dark theme on/off" onclick="toggleTheme();">&#9728;</button>
     <h1>Ward Truyen</h1>
     <h2>Wie ben ik:</h2>
-    <p>Ik ben een computer expert op zoek naar een job in de ICT, als programmeur. </p>
+    <p>Ik ben een computerliefhebber op zoek naar een job in de ICT, als programmeur. </p>
 
-    <p>Sinds de jaren '90, van Dos naar Windows en later Linux ben ik in ICT mijn structuur en vernieuwing, alsook
-      plezier aan het vinden.
+    <p>Sinds de jaren '90, van Dos naar Windows en later Linux ben ik in de ICT wereld actief.
+      <br>Daarbij heb ik vele mensen geholpen met hun computer problemen.
       <br>Meestal ben ik bezig in de talen Java en Java-/Type-Script alsook bijhorende frameworks en tools:
     <ul>
       <li>Java, Maven/Gradle, Spring, Hibernate/SQL, Lombok, JUnit, enz. voor Back-end</li>
@@ -29,16 +30,17 @@
         title="Een server is een computer dat diensten verleent aan clients" target="_blank">server</a> heb ik kunnen
       opzetten met
       <a href="https://archlinux.org/" title="Besturingssysteem Arch Linux" target="_blank">Arch Linux</a> als <a
-        href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>, <a
-        href="https://doc.traefik.io/traefik/" title="reverse proxy en load balancer" target="_blank">Traefik</a> als <a
-        href="https://en.wikipedia.org/wiki/Reverse_proxy"
-        title="1 domein en server met meerdere subdomeinen en/of servers en services" target="_blank">reverse proxy</a>
-      en de vele <a href="https://nl.wikipedia.org/wiki/Subdomein"
+        href="https://nl.wikipedia.org/wiki/Besturingssysteem" title"Besturingssysteem" target="_blank">OS</a>.
+      <br>Daarop staat <a href="https://doc.traefik.io/traefik/" title="reverse proxy en load balancer"
+        target="_blank">Traefik</a> als <a href="https://en.wikipedia.org/wiki/Reverse_proxy"
+        title="1 domein en server met meerdere subdomeinen en/of servers en services" target="_blank">reverse
+        proxy</a> en de vele <a href="https://nl.wikipedia.org/wiki/Subdomein"
         title="Een subdomein is een domein dat deel uitmaakt van een groter domein" target="_blank">subdomeinen</a> zijn
       m.b.v. <a href="https://www.docker.com/" title="Container applicatie" target="_blank">Docker</a> beheerd.
       <br>Ik ken mijn weg op een server, desktop, laptop, tablet en op smartphone.
     </p>
     <p>Voor meer informatie <a href="docs/CV_WardTruyen_2024.pdf">bekijk mijn cv</a>.</p>
+      </div>
     <h2>Zelf gemaakt:</h2>
     <p>Op <a href="https://tds.truyen.network" target="_blank">tds.truyen.network</a> staat mijn gezin data beheer site.
       Deze is gemaakt met als backend Java, Spring en REST, als frontend is er Angular.</p> <img src="img/tds1.png"
@@ -48,6 +50,7 @@
       me a.u.b. een e-mail of bel me, en ik los het ASAP op.</p>
     <p>Op <a href="https://wterminal.truyen.network" target="_blank">wterminal.truyen.network</a> kan u mijn
       browser-addon of website-tooltje WTerminal vinden.</p>
+      <div>
     <h2>Links naar de verschillende domeinen op deze server:</h2>
     <ul class="dashed">
       <li>website <a href="https://truyen.network" target="_blank">truyen.network</a> centrale website</li>
@@ -63,7 +66,8 @@
         WTerminal, zelf gemaakte browser-addon project</li>
     </ul>
     <p class="text-red">Deze server wordt nog verder uitgebreid, stay tuned.</p>
-    <p>Laatste update: 3 Oktober 2024</p>
+    <p>Laatste update: 17 Oktober 2024</p>
+      </div>
   </main>
 
   <script src="js/theme.js"></script>
