diff --git a/index.html b/index.html
index 78f0750..43422ca 100644
--- a/index.html
+++ b/index.html
@@ -4,19 +4,21 @@
         <meta charset="utf-8">
         <title>Elias Müller</title>
 
-        <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="style.css">
                 
         <script src="https://kit.fontawesome.com/7c86d20fb1.js" crossorigin="anonymous"></script>
         <script src="script.js" defer></script>
    
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        
+        <meta name="description" content="Elias Müller - 21 Jahre, Fachinformatiker für Anwendungsentwicklung aus Fulda. Erfahrung mit Linux, Java, Webentwicklung, Android, iOS & mehr!">
     </head>
     <body>
         <div class="card-container">
             <div class="card" id="flip">
                 <div class="front">
-                    <img src="tux.png" alt="tux penguin profile image">
+                    <img src="tux.webp" alt="tux penguin profile image">
                     <hr>
                     <div class="name">
                         <h1>Elias Müller</h1>
@@ -32,10 +34,10 @@
                         <li><i class="fa-solid fa-person"></i>21 Jahre</li>
                         <li><i class="fa-solid fa-location-dot"></i>Fulda</li>
                         <li><i class="fa-solid fa-graduation-cap"></i>Fachinformatiker [AE]</li>
-                        <br>
-                        <li class="requires-js"><a onclick="contact(this)"><i class="fa-solid fa-at"></i>Kontaktiere mich!</a></li>
+                        <li class="spacer"></li>
+                        <li class="requires-js"><p class="clickable" onclick="contact(this)"><i class="fa-solid fa-at"></i>Kontaktiere mich!</p></li>
                         <noscript><li><i class="fa-solid fa-link-slash"></i>Aktiviere JavaScript</li></noscript>
-                        <br>
+                        <li class="spacer"></li>
                         <li><a target="_blank" href="https://mhsl.eu/"><i class="fa-solid fa-globe"></i>mhsl.eu</a></li>
                         <li><a target="_blank" href="https://mhsl.eu/gitea/"><i class="fa-brands fa-git-alt"></i>Gitea</a></li>
                         <li><a target="_blank" href="https://github.com/muelleel/"><i class="fa-brands fa-github"></i>GitHub</a></li>
diff --git a/style.css b/style.css
index b59225e..c429836 100644
--- a/style.css
+++ b/style.css
@@ -5,6 +5,7 @@
 
 body {
     font-family: "Roboto";
+    font-display: swap;
 
     background-image: url("background.svg");
     background-color: black;
@@ -162,6 +163,14 @@ a {
     cursor: pointer;
 }
 
+li .spacer {
+    height: 1rem;
+}
+
+.clickable {
+    cursor: pointer;
+}
+
 .requires-js {
     display: none;
 }
diff --git a/tux.png b/tux.png
deleted file mode 100644
index eb33b20..0000000
Binary files a/tux.png and /dev/null differ
diff --git a/tux.webp b/tux.webp
new file mode 100644
index 0000000..4ca1272
Binary files /dev/null and b/tux.webp differ
