diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 24e6f26..f7a4444 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -3,7 +3,7 @@ import Stickies from '../components/stickies';
const Home = () => {
return (
-
kohngrüti
+ kohngrüti
);
diff --git a/frontend/src/styles/button.css b/frontend/src/styles/button.css
index fc9dc55..4202f62 100644
--- a/frontend/src/styles/button.css
+++ b/frontend/src/styles/button.css
@@ -1,4 +1,7 @@
.primaryButton {
- width: 14rem;
+ font-family: "Sulphur Point", sans-serif;
+ font-size: 1.1rem;
+ width: 16rem;
height: 2.5rem;
+ margin-top: 14px;
}
\ No newline at end of file
diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css
index c68032a..3bf9a7c 100644
--- a/frontend/src/styles/index.css
+++ b/frontend/src/styles/index.css
@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap');
+
:root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
@@ -22,6 +25,11 @@ h1 {
line-height: 1.1;
}
+h3 {
+ font-family: "Sulphur Point", sans-serif;
+ font-weight: 300;
+}
+
button {
border-radius: 8px;
border: 1px solid transparent;
@@ -48,6 +56,16 @@ button:disabled {
cursor: not-allowed;
}
+.mainHead {
+ font-size: 4rem;
+ color: #fff;
+ margin: 2px 0px 24px 0px;
+ font-family: "Sulphur Point", sans-serif;
+ font-weight: 300;
+ letter-spacing: 3px;
+ text-decoration: underline;
+}
+
@media (prefers-color-scheme: light) {
:root {
color: #213547;
diff --git a/frontend/src/styles/sticky.css b/frontend/src/styles/sticky.css
index b760fdb..8379322 100644
--- a/frontend/src/styles/sticky.css
+++ b/frontend/src/styles/sticky.css
@@ -4,8 +4,8 @@
padding: 16px;
border-radius: 2px;
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
- font-family: 'Patrick Hand', cursive, system-ui;
- font-size: 14px;
+ font-family: 'Shadows Into Light', cursive;
+ font-size: 1.4rem;
line-height: 1.4;
color: #333;
display: flex;