diff --git a/src/Home.module.css b/src/Home.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Clickable.astro b/src/components/Clickable.astro index c44a421..72a3453 100644 --- a/src/components/Clickable.astro +++ b/src/components/Clickable.astro @@ -13,6 +13,10 @@ const { marginTop = "0px" } = Astro.props; box-shadow: 5px 5px 1px 1px #000; } .clickable:hover { - @apply hover:cursor-pointer; + @apply cursor-pointer; } + +
+ +
\ No newline at end of file diff --git a/src/globals.css b/src/globals.css index b5c61c9..4c64a26 100644 --- a/src/globals.css +++ b/src/globals.css @@ -1,3 +1,52 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@import url("https://fonts.cdnfonts.com/css/work-sans"); +@import url("https://fonts.cdnfonts.com/css/alfa-slab-one"); + +:root { + --background: #fed7aa; + --orange: #f97316; + --black: #000; +} + +body { + background: var(--background); + box-sizing: border-box; +} + +* { + padding: 0; + margin: 0; +} + +h1 { + @apply text-7xl font-normal; + color: var(--orange); + font-family: "Alfa Slab One", sans-serif; +} + +h2 { + @apply text-4xl font-normal; + color: var(--black); + font-family: "Alfa Slab One", sans-serif; +} + +h3 { + @apply text-4xl font-semibold; + color: var(--black); + font-family: "Work Sans", sans-serif; +} + +h4 { + @apply text-3xl font-light; + color: var(--black); + font-family: "Work Sans", sans-serif; +} + +p { + @apply text-lg font-normal; + color: var(--black); + font-family: "Work Sans", sans-serif; +} diff --git a/src/pages/index.astro b/src/pages/index.astro index 7ec71a5..dff5362 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,6 @@ --- - +import "../globals.css"; +import Clickable from "../components/Clickable.astro"; --- @@ -9,8 +10,26 @@ Astro + + + + +