diff --git a/static/index.html b/static/index.html
index f0f1d79..782b0b2 100644
--- a/static/index.html
+++ b/static/index.html
@@ -34,15 +34,9 @@
         <img src="avatar.png" alt="Marvin Blum" />
     </div>
     <div class="menu">
-        <form action="mailto:marvin@marvinblum.de">
-            <input type="submit" value="Contact me" />
-        </form>
-        <form action="https://github.com/Kugelschieber" target="_blank">
-            <input type="submit" value="GitHub" />
-        </form>
-        <form action="https://twitter.com/m5blum" target="_blank">
-            <input type="submit" value="Twitter" />
-        </form>
+        <a href="mailto:marvin@marvinblum.de" class="button">Contact me</a>
+        <a href="https://github.com/Kugelschieber" target="_blank" class="button">GitHub</a>
+        <a href="https://twitter.com/m5blum" target="_blank" class="button">Twitter</a>
     </div>
     <section>
         <h2>who am I?</h2>
diff --git a/static/style.css b/static/style.css
index f51e881..48c2464 100644
--- a/static/style.css
+++ b/static/style.css
@@ -43,8 +43,9 @@ body {
     display: flex;
 }
 
-.menu input {
+.menu .button {
     margin-right: 10px;
+
 }
 
 section {