added project pages, started working on RSMs
diff --git a/Components/Card.js b/Components/Card.js
index c78c780..21ced4a 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -4,8 +4,14 @@
 class Card extends Component {
 	constructor(props) {
 		super(props);
-	}
+        this.keys = []
+    }
 
+    nextKey() {
+        let n = this.keys.length
+        this.keys.push(n);
+        return n
+    }
 
 	render() {
 		return (
@@ -24,9 +30,11 @@
                         {
                             this.props.buttons ? this.props.buttons.map(button => {
                                 return <a
+                                    key={this.nextKey()}
                                     className={Styles.button}
                                     style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
-                                    href={button.link}>{button.text}
+                                    href={button.link}
+                                    target={button.newTab ? "_blank" : undefined}>{button.text}
                                 </a>
                             }) : null
                         }
diff --git a/Components/NavBar.js b/Components/NavBar.js
index 9e5f03e..946b7f0 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -25,6 +25,8 @@
                         <a href="/gps"><img className={Styles.icon} src="/Icons/GS.svg"/></a>
                         <a href="/rsm"><img className={Styles.icon} src="/Icons/RM.svg"/></a>
                         <a href="/clicksforms"><img className={Styles.icon} src="/Icons/CF.svg"/></a>
+                        {/* <a href="/castaway"><img className={Styles.icon} src="/Icons/CA.svg"/></a> */}
+                        {/* <a href="https://clcks.dev"><img className={Styles.icon} src="/Icons/CL.svg"/></a> */}
                     </div>
                     <div className={Styles.group}>
                         <a href="/"><img className={Styles.icon} src="/Icons/CMP.svg"/></a>
diff --git a/pages/index.js b/pages/index.js
index 0e8abf0..9daef6a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -24,41 +24,49 @@
             <Card
               wave="GS" title="GPS" subtext="Cards Against Humanity on Discord"
               buttons={[
-                {color:"6576CC",link:"/gps",text:"About"},
-                {color:"6576CC",link:"https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048",text:"Invite"}
+                {color: "6576CC", link: "https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048", text: "Invite"},
+                {color: "6576CC", link: "/gps", text: "About"}
             ]}
               buttonText={"FFFFFF"} gradient={["78ECF2", "71AFE5"]}
             />,
             <Card
               wave="RM" title="RSM" subtext="Moderation Redefined"
               buttons={[
-                {color:"424242",link:"https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands",text:"Invite"},
-                {color:"424242",link:"/rsm",text:"About"}
+                {color: "424242", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands",text:"Invite"},
+                {color: "424242", link: "/rsm", text:"About"}
             ]}
               buttonText={"FFFFFF"} gradient={["F27878", "D96B6B"]}
             />,
             <Card
               wave="CF" title="ClicksForms" subtext="Create custom forms for Discord"
               buttons={[
-                {color:"775EBF",link:"https://clicksminuteper.github.io/docs/clicksforms",text:"API"},
-                {color:"775EBF",link:"https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands",text:"Invite"},
-                {color:"775EBF",link:"/clicksforms",text:"About"}
+                {color: "775EBF", link: "https://clicksminuteper.github.io/docs/clicksforms", text:"API", newTab: true},
+                {color: "775EBF", link: "https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands",text:"Invite"},
+                {color: "775EBF", link: "/clicksforms", text: "About"}
               ]}
               buttonText={"FFFFFF"} gradient={["71AFE5", "6576CC"]}
             />,
             <Card
               wave="CA" title="Castaway" subtext="Stranded on Discord"
-              buttons={[{color:"F2D478",link:"/",text:"Invite"}, {color:"F2D478",link:"/castaway",text:"About"}]}
+              buttons={[
+                {color: "F2D478", link: "/", text: "Invite"},
+                {color: "F2D478", link: "/castaway", text: "About"}
+              ]}
               buttonText={"000000"} gradient={["71AFE5", "78ECF2"]}
             />,
             <Card
               wave="HY" title="Hooky" subtext="Webhook protection for Discord"
-              buttons={[{color:"EDC575",link:"/",text:"Invite"}, {color:"EDC575",link:"/hooky",text:"About"}]}
+              buttons={[
+                {color: "EDC575", link: "/", text: "Invite"},
+                {color: "EDC575", link: "/hooky", text: "About"}
+              ]}
               buttonText={"000000"} gradient={["424242", "8D8D8D"]}
             />,
             <Card
               wave="CL" title="Clcks" subtext="Clicks Minute Per web apps"
-              buttons={[{color:"78ECF2",link:"https://clcks.dev",text:"View Apps"}]}
+              buttons={[
+                {color: "78ECF2", link: "https://clcks.dev", text: "View Apps"
+              }]}
               buttonText={"000000"} gradient={["C4C4C4", "8D8D8D"]}
             />
           ]}
@@ -69,14 +77,14 @@
               wave="GH" title="GitHub" subtext="View our open source projects"
               buttons={[
                 {color: "424242", link: "https://github.com/clicksminuteper", text: "Visit"}
-            ]}
+              ]}
               buttonText={"FFFFFF"} gradient={["FFFFFF", "C4C4C4"]}
             />,
             <Card
               wave="PY" title="PyPi" subtext="View our modules for python"
               buttons={[
                 {color: "FFC91E", link: "https://pypi.org/user/ClicksMinutePer/", text: "Visit"}
-            ]}
+              ]}
               buttonText={"000000"} gradient={["2F6490", "3775A8"]}
             />
           ]}/>,
@@ -86,7 +94,7 @@
               wave="DS" title="Discord" subtext="Join our Discord server to talk with the community"
               buttons={[
                 {color: "424242", link: "https://discord.gg/bPaNnxe", text: "Join"}
-            ]}
+              ]}
               buttonText={"FFFFFF"} gradient={["404EED", "404EED"]}
             />
           ]}
diff --git a/pages/rsm.js b/pages/rsm.js
index 3b83aca..04360b7 100644
--- a/pages/rsm.js
+++ b/pages/rsm.js
@@ -6,6 +6,7 @@
 import Header from '../Components/Header'
 import AutoSpacing from '../Components/AutoSpacing'
 import SectionHeading from '../Components/SectionHeading'
+import AutoGrid from '../Components/AutoGrid'
 
 export default function Home() {
   return (
@@ -25,6 +26,17 @@
       <AutoSpacing
         elements={[
           <SectionHeading title="Features" id="features"/>,
+          <CardRow tiles={[
+            <img src="/Features/RSM/Advertisements.svg" />,
+            <img src="/Features/RSM/Automate.svg" />,
+            <img src="/Features/RSM/CAPTCHA.svg" />,
+            <img src="/Features/RSM/Developed.svg" />,
+            <img src="/Features/RSM/NSFW.svg" />,
+            <img src="/Features/RSM/Punish.svg" />,
+            <img src="/Features/RSM/Raids.svg" />,
+            <img src="/Features/RSM/Statistics.svg" />,
+            <img src="/Features/RSM/Tags.svg" />
+          ]} />,
           <SectionHeading title="Commands" id="commands"/>,
           <SectionHeading title="Invite" id="invite"/>
       ]}/>
diff --git a/styles/globals.css b/styles/globals.css
index b7d3d43..6915a5b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -14,6 +14,8 @@
   --page-background: #252525; */
 
   background-color: var(--page-background);
+
+  overflow-x: hidden;
 }
 
 a {
diff --git a/styles/navbar.module.css b/styles/navbar.module.css
index 6b27745..8436b2a 100644
--- a/styles/navbar.module.css
+++ b/styles/navbar.module.css
@@ -13,7 +13,6 @@
     width: 64px;
     max-height: 64px;
     height: auto;
-    border-radius: 32px;
 
     border-radius: 32px;
     transition: 0.5s ease-in-out;
@@ -26,8 +25,7 @@
     align-items: center;
 
     background-color: var(--card-background-color);
-    filter: var(--card-filter);
-    backdrop-filter: blur(7px);
+    backdrop-filter: blur(7px), brightness(0.1);
     border-radius: 32px;
 
     width: 64px;
@@ -78,11 +76,13 @@
         margin-bottom: 0;
         padding-top: 7px;
         margin-right: 20px;
+        padding-left: 3px;
     }
     .headerIcon {
         height: 64px;
         width: 64px;
         margin-top: 12px;
+        margin-left: -3px;
     }
     .containerOpen {
         max-width: 550px;