diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 864addb..4c9774c 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -1,10 +1,16 @@
import Stickies from '../components/stickies';
+import '../styles/home.css'
const Home = () => {
return (
-
kohngrüti
+
+
kohngrüti
+
+
+
+
diff --git a/frontend/src/styles/button.css b/frontend/src/styles/button.css
index 4202f62..5c398a1 100644
--- a/frontend/src/styles/button.css
+++ b/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;
diff --git a/frontend/src/styles/home.css b/frontend/src/styles/home.css
new file mode 100644
index 0000000..f9e4807
--- /dev/null
+++ b/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;
+ }
\ No newline at end of file
diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css
index f25f4b7..319e68b 100644
--- a/frontend/src/styles/index.css
+++ b/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 {