diff --git a/html/landingpage.html b/html/landingpage.html
index bdd23f6..29d8d6f 100644
--- a/html/landingpage.html
+++ b/html/landingpage.html
@@ -8,7 +8,7 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
 
   </head>
 
@@ -22,6 +22,10 @@
       <a href="#">PROGRAMMING</a>
     </div>
 
+    <div class="header-title">
+      <h1>The Adversary</h1>
+      <h2>Assault penguins to the Power</h2>
+    </div>
     <div class="content">
       <div class="articles">
 
diff --git a/sass/index.css b/sass/index.css
index 32cf428..533053e 100644
--- a/sass/index.css
+++ b/sass/index.css
@@ -28,6 +28,26 @@ p {
   font-size: 150%;
 }
 
+.header-title {
+    height: 300px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-family: 'Staatliches', sans-serif;
+}
+
+.header-title h1 {
+    font-size: 90px;
+    letter-spacing: 30px;
+    margin: 0;
+}
+.header-title h2 {
+    font-size: 30px;
+    letter-spacing: 10px;
+    margin: 0;
+}
+
 .divider {
   height: 3px;
   background-color: #ad080f;