diff --git a/src/App/App.css b/src/App/App.css
index 79e5a20de2186df7734f28282b77120ad2db1b72..78b27d2875b17e4e5a79a37a74f4f730ce1917df 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -399,6 +399,14 @@ h2{
   font-weight: bolder !important;
  /*  background-image: repeating-linear-gradient(-45deg, var(--text-primary) 0, var(--text-primary) 2px, white 2px, white 4px) !important;
  */}
+ h1{
+  font-size: 4rem !important;
+  background-clip: text !important;
+  color: var(--text-primary) !important;
+  padding-top: 15px !important;
+  font-weight: bolder !important;
+ /*  background-image: repeating-linear-gradient(-45deg, var(--text-primary) 0, var(--text-primary) 2px, white 2px, white 4px) !important;
+ */}
 
 .underline--magical {
   background-image: linear-gradient(120deg, var(--lightblue) 0%, var(--mediumpurple) 100%);
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
index 1932e7d73d246aece1cb481275dace3d73661902..fa0ca5d5fa8d419ab90bdf02214a391345b9bcda 100644
--- a/src/components/Headings.tsx
+++ b/src/components/Headings.tsx
@@ -41,7 +41,7 @@ export function Hsmoke({text, id}:{text: string, id?: string}){
 }
 
 export function H1({text, id}:{text: string, id?: string}){
-    var idtext: string; 
+    /* var idtext: string; 
     if (id) {
         idtext = id; 
     }
@@ -56,7 +56,10 @@ export function H1({text, id}:{text: string, id?: string}){
         </text>
     </svg>
     </div>
-    )
+    ) */
+   return(
+    <h1 id={id} >{text}</h1>
+   )
 }