diff --git a/index.html b/index.html index 5d0f81a..b615e2a 100644 --- a/index.html +++ b/index.html @@ -14,11 +14,51 @@ NFT preview card component - -

Equilibrium #3429

-

Our Equilibrium collection promotes balance and calm.

-

0.041 ETH

-

3 days left

-

Creation of Jules Wyvern

+ +
+ +
+

+ Equilibrium #3429 +

+

+ Our Equilibrium collection promotes balance and calm. +

+
+
+
+ +

0.041 ETH

+
+
+ +

3 days left

+
+
+
+
+
+ +

+ Creation of + Jules Wyvern +

+
+
+
diff --git a/public/fonts/Outfit.ttf b/public/fonts/Outfit.ttf new file mode 100644 index 0000000..96106f0 Binary files /dev/null and b/public/fonts/Outfit.ttf differ diff --git a/styles.css b/styles.css index b5c61c9..22870b1 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,11 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@layer base { + @font-face { + font-weight: 100 900; + src: url("/fonts/Outfit.ttf") format("truetype"); + font-family: "Outfit"; + } +} diff --git a/tailwind.config.js b/tailwind.config.js index 9348edb..69f95a6 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,3 +1,18 @@ export default { - content: ["index.html"] + content: ["index.html"], + theme: { + colors: { + blue: { + 200: "#8BACD9", + 400: "#2E405A", + 600: "#15263F", + 800: "#0D192C", + }, + cyan: "#00FFF8", + white: "#FFFFFF", + }, + fontFamily: { + sans: ["Outfit", "sans-serif"], + }, + }, };