heading

src/App/App.css

@@ -5,6 +5,7 @@
   /* our colours*/ 
   --text-primary: #850F78 ; 
   --mediumpurple: #bc15aa; 
+  --lightpurple: #B85BD1; 
   /*--purple: #B85BD1; */
   --accen-secondary: #F57D22; 
   --accent-gradient-one-of-three: #F59121; 

src/components/HeaderBox.tsx

-import { Hpopart } from "./Headings";
+import { Hwave } from "./Headings";
 
 interface Props{
     title: string,
@@ -11,7 +11,7 @@ export default function HeaderBox({children, title}: Props ){
         <div className="row">
           <div className="col header-container">
             <div className="header-title">
-              <Hpopart text={title}></Hpopart>
+              <Hwave text={title}></Hwave>
             </div>
             {children}
           </div>

src/components/Headings.tsx

@@ -118,7 +118,7 @@ export function Hwave({text, id}:{text: string, id?: string}){
         idtext = stringToSlug(text); 
     }
     return(
-        <svg id={idtext} viewBox="0 0 100 20">
+        <svg id={idtext} className="bigtitle" viewBox="0 0 100 20">
         <defs>
             <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
             <stop offset="5%" stop-color="#850F78"/>

src/sidebars/engS.tsx

 import { useEffect } from "react";
 import { Highlight } from "../utils/Highlight-functions";
 import { openThem } from "../utils/openThem";
+
 export function EngSide(){
     let nums = [ "del1"]
     useEffect(() => {