diff --git a/.htaccess b/.htaccess
index e68937e..a8bfd37 100644
--- a/.htaccess
+++ b/.htaccess
@@ -1,3 +1,4 @@
+Header append Cache-Control max-age=31536000
 Options +MultiViews -Indexes
 ErrorDocument 404 /404.html
 
diff --git a/404.html b/404.html
index 6eff92b..7cd5994 100644
--- a/404.html
+++ b/404.html
@@ -5,12 +5,13 @@
     <meta charset="UTF-8">
     <title>404</title>
 
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
     <link rel="icon" href="favicon.ico">
 
     <style>
         body {
-            font-family: Roboto;
+            font-family: Roboto, sans-serif;
+            font-display: swap;
             background-color: #383838;
         }
 
diff --git a/actaddmanual/index.html b/actaddmanual/index.html
index 3b82e43..a827e43 100644
--- a/actaddmanual/index.html
+++ b/actaddmanual/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
     <link rel="stylesheet" href="style.css">
     <title>Actually Additions Manual</title>
 
diff --git a/actaddmanual/style.css b/actaddmanual/style.css
index 4c6730e..c9a8fdd 100644
--- a/actaddmanual/style.css
+++ b/actaddmanual/style.css
@@ -1,5 +1,6 @@
 body {
-    font-family: Roboto;
+    font-family: Roboto, sans-serif;
+    font-display: swap;
     margin-top: 30px;
     margin-bottom: 30px;
     background-color: #e2e2e2;
diff --git a/commissions/index.html b/commissions/index.html
index 10fc4cd..a6dc5b5 100644
--- a/commissions/index.html
+++ b/commissions/index.html
@@ -11,7 +11,7 @@
     <meta name="keywords" content="Ellpeck, Minecraft, Mods, Modding, Commission, Forge, Plugin">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
     <link rel="stylesheet" href="style.css">
     <link rel="icon" href="../favicon.ico">
 
@@ -44,7 +44,7 @@
         <h1>About Me</h1>
         <div class="row">
             <div class="col-md-auto">
-                <img class="rounded" width="180" height="180" src="../res/me.png">
+                <img class="rounded" width="180" height="180" src="../res/me.jpeg">
             </div>
             <div class="col">
                 <p>Hi, I'm Ellpeck, a student and programmer from Germany. I've been making Minecraft mods for over 6 years, and during that time, I created some popular mods like <a href="https://www.curseforge.com/minecraft/mc-mods/actually-additions">Actually Additions</a> and <a href="https://www.curseforge.com/minecraft/mc-mods/natures-aura">Nature's Aura</a>. If you want to know more about my projects, you should check out <a href="https://ellpeck.de">my website</a>.</p>
diff --git a/commissions/style.css b/commissions/style.css
index 1dbe385..ef76122 100644
--- a/commissions/style.css
+++ b/commissions/style.css
@@ -1,5 +1,6 @@
 body {
-    font-family: Roboto;
+    font-family: Roboto, sans-serif;
+    font-display: swap;
 }
 
 .par {
diff --git a/foefrenzy/index.html b/foefrenzy/index.html
index e7f413a..8888056 100644
--- a/foefrenzy/index.html
+++ b/foefrenzy/index.html
@@ -11,7 +11,7 @@
     <meta name="keywords" content="Ellpeck, Foe Frenzy, Steam, Discord, itch, itch.io, Battle, 2d, Top Down, Pixelart, MonoGame, Fighting, Game">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
     <link rel="stylesheet" href="style.css">
     <link rel="icon" href="favicon.ico">
 
diff --git a/foefrenzy/style.css b/foefrenzy/style.css
index 8585180..fba1348 100644
--- a/foefrenzy/style.css
+++ b/foefrenzy/style.css
@@ -4,7 +4,8 @@ body {
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
-    font-family: Roboto;
+    font-family: Roboto, sans-serif;
+    font-display: swap;
 }
 
 .main {
diff --git a/index.html b/index.html
index 6eb3cd3..a344dbf 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <meta name="keywords" content="Ellpeck, Actually Additions, Rock Bottom, Programming, Minecraft, Game Development, Nature's Aura, C#, Java, Blog, Tutorial, Foe Frenzy">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
     <link rel="stylesheet" href="./style/prettify.css">
     <link rel="stylesheet" href="./style/style.css">
     <link rel="icon" href="./favicon.ico">
@@ -89,7 +89,7 @@
                     <div class="container">
                         <div class="row">
                             <div class="col-md-auto">
-                                <img src="./res/me.png" class="rounded-circle" width="200" height="200" id="navbar-image">
+                                <img src="./res/me.jpeg" class="rounded-circle" width="200" height="200" id="navbar-image">
                             </div>
                             <div class="col">
                                 <h1 class="display-4" id="intro-text"></h1>
diff --git a/res/heart.jpeg b/res/heart.jpeg
new file mode 100644
index 0000000..fd3d923
Binary files /dev/null and b/res/heart.jpeg differ
diff --git a/res/heart.png b/res/heart.png
deleted file mode 100644
index 695bb39..0000000
Binary files a/res/heart.png and /dev/null differ
diff --git a/res/me.jpeg b/res/me.jpeg
new file mode 100644
index 0000000..6e59bfe
Binary files /dev/null and b/res/me.jpeg differ
diff --git a/res/me.png b/res/me.png
deleted file mode 100644
index 350af40..0000000
Binary files a/res/me.png and /dev/null differ
diff --git a/res/social/instagram.png b/res/social/instagram.png
index 42758ac..1d14997 100644
Binary files a/res/social/instagram.png and b/res/social/instagram.png differ
diff --git a/res/social/itch.io.png b/res/social/itch.io.png
index 57147aa..e5e2e0f 100644
Binary files a/res/social/itch.io.png and b/res/social/itch.io.png differ
diff --git a/res/social/itch.io_dark.png b/res/social/itch.io_dark.png
index d22a843..9219f05 100644
Binary files a/res/social/itch.io_dark.png and b/res/social/itch.io_dark.png differ
diff --git a/scripts/main.js b/scripts/main.js
index 64e4a5b..e5c8216 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -27,7 +27,7 @@ $(function () {
     });
 
     $('#blobheart').on('click', function () {
-        $('#navbar-image').attr('src', 'res/heart.png');
+        $('#navbar-image').attr('src', 'res/heart.jpeg');
     });
 
     let mode = $('#dark-mode');
diff --git a/style/style.css b/style/style.css
index 66bb64c..129ed0b 100644
--- a/style/style.css
+++ b/style/style.css
@@ -5,7 +5,8 @@ html {
 
 body {
     margin-top: 106px;
-    font-family: Roboto;
+    font-family: Roboto, sans-serif;
+    font-display: swap;
     background-color: #404142;
     margin-bottom: 100px;
 }