diff --git a/src/css/custom.css b/src/css/custom.css
index 14dd98fa2..578a8741d 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -26,6 +26,14 @@
   text-align: center;
 }
 
+p.text-color{
+  color: black;
+}
+
+h1.center{
+  text-align: center;
+}
+
 @media (min-width: 700px) {
   .footer .col {
       --ifm-col-width: 33%;
diff --git a/src/pages/login.md b/src/pages/login.md
index 1b779372b..eef95ddab 100644
--- a/src/pages/login.md
+++ b/src/pages/login.md
@@ -3,7 +3,7 @@ id: login
 title: Login
 ---
 
-# Login
+<h1 class="center">Login</h1>
 
 <link rel="stylesheet" type="text/css" href="/css/custom.css"></link>
 
@@ -13,5 +13,5 @@ title: Login
         <input type="password" name="password" placeholder="Password" required></input>
         <button type="submit">Log In</button>
     </form>
-    <p>Don't have an account yet? [Sign Up](signup)</p>
+    <p class="text-color">Don't have an account yet? [Sign Up](signup)</p>
 </div>
diff --git a/src/pages/signup.md b/src/pages/signup.md
index 1331b91ba..5a4c70770 100644
--- a/src/pages/signup.md
+++ b/src/pages/signup.md
@@ -3,7 +3,7 @@ id: signup
 title: Sign Up
 ---
 
-# Sign Up
+<h1 class="center">Sign Up</h1>
 
 <link rel="stylesheet" type="text/css" href="/css/custom.css"></link>
 
@@ -14,7 +14,7 @@ title: Sign Up
         <input type="password" name="password" placeholder="Password" required></input>
         <button type="submit">Sign Up</button>
     </form>
-    <p>Already have an account? [Log In](login)</p>
+    <p  class="text-color">Already have an account? [Log In](login)</p>
 </div>