assets/theme/css/style.css

@@ -825,6 +825,13 @@ body {
   font-style: normal;
 }
 
+.roboto-mono-font {
+  font-family: "Roboto Mono", monospace;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
+}
+
 @keyframes cycle-pulse {
   0% {
     filter: invert(42%) sepia(77%) saturate(2318%) hue-rotate(334deg) brightness(96%) contrast(95%);

index.html

@@ -77,11 +77,13 @@
       type="text/css"
     />
 
+
     <script src="https://cdn.tailwindcss.com"></script>
 
     <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=Jersey+10&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet">
     
 
   </head>
@@ -191,7 +193,7 @@
         </div>
         <div class="flex items-end pl-32 pr-16 justify-center flex-col">
           <h1 class=" text-right text-red-500 text-7xl mb-4  game-font">BUILD ANYTHING.</h1>
-          <p class="text-right text-white text-3xl font-semibold game-font">At GoatHacks, the sky is the limit with what you can create. We support all projects, virtual or physical, and will the resources you need to help you build your project.</p>
+          <p class="text-right text-white text-3xl font-semibold roboto-mono-fon">At GoatHacks, the sky is the limit with what you can create. We support all projects, virtual or physical, and will the resources you need to help you build your project.</p>
         </div>
       </div>