more

frontend/src/pages/Home.tsx

@@ -1,10 +1,16 @@
 import Stickies from '../components/stickies';
+import '../styles/home.css'
 
 const Home = () => {
     return (
         <div>
             <div className="main-head-box">
-                <h1 className="mainHead">kohngrüti</h1>
+                <div>
+                    <h1 className="mainHead">kohngrüti</h1>
+                </div>
+                <div>
+
+                </div>
             </div>
             <div>
                 <Stickies />

frontend/src/styles/button.css

@@ -1,6 +1,7 @@
 .primaryButton {
     font-family: "Sulphur Point", sans-serif;
     font-size: 1.1rem;
+    color: #6dd6f4;
     width: 16rem;
     height: 2.5rem;
     margin-top: 14px;

frontend/src/styles/home.css

@@ -0,0 +1,16 @@
+.main-head-box {
+    border-radius: 8px;
+    border: 1px solid #6dd6f4;
+    background-color: rgb(92, 0, 91);
+    display: flex;
+  }
+  
+  .mainHead {
+    font-size: 5rem;
+    color: #6dd6f4;
+    margin: 2px 0px 24px 24px;
+    font-family: "Sulphur Point", sans-serif;
+    font-weight: 500;
+    letter-spacing: 3px;
+    text-decoration: underline;
+  }

frontend/src/styles/index.css

@@ -43,7 +43,7 @@ button {
 }
 
 button:hover {
-  border-color: #646cff;
+  border-color: #6dd6f4;
 }
 
 button:focus,
@@ -56,21 +56,7 @@ button:disabled {
   cursor: not-allowed;
 }
 
-.main-head-box {
-  border-radius: 8px;
-  border: 1px solid #6dd6f4;
-  background-color: rgb(92, 0, 91);
-  display: flex;
-}
-.mainHead {
-  font-size: 5rem;
-  color: #6dd6f4;
-  margin: 2px 0px 24px 0px;
-  font-family: "Sulphur Point", sans-serif;
-  font-weight: 500;
-  letter-spacing: 3px;
-  text-decoration: underline;
-}
+
 
 @media (prefers-color-scheme: light) {
   :root {