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;