init

src/styles/global.css

@@ -0,0 +1,42 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --header-height: 4rem;
+  }
+
+  html {
+    font-family: system-ui, sans-serif;
+    scroll-behavior: smooth;
+    @apply scroll-pt-[var(--header-height)];
+  }
+
+  html,
+  body {
+    @apply h-full w-full bg-bg-main text-text;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @apply text-text-light;
+  }
+
+  a {
+    @apply transform cursor-pointer no-underline duration-300 ease-in-out hover:text-text-light;
+  }
+}
+
+@layer components {
+  .brand-btn {
+    @apply rounded-full bg-brand px-4 py-2 text-center text-text-light transition-colors duration-300 hover:bg-brand/80;
+  }
+  .brand-btn-outline {
+    @apply rounded-full border border-brand bg-transparent px-4 py-2 text-center text-text-light transition-colors duration-300 hover:bg-brand;
+  }
+}