File size: 3,076 Bytes
ef1ad9e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{html,js,svelte,ts}"],
  theme: {
    extend: {
      colors: {
        "neutral-0": "#ffffff",
        "neutral-900": "#3b3b3b",
        "secondary-600": "#7A8097",
        "secondary-800": "#4D5574",
        "primary-button-gradient-start": "#ad50f6",
        "primary-button-gradient-end": "#5f60fa",
        "link-hover": "#355dee",
        "highlight-border": "#5f60fa",
        "highlight-gradient-start": "#ad50f6",
        "highlight-gradient-end": "#5f60fa",
        "dropdown-bg": "#f9f9f9",
        "dropdown-link": "#0000007a",
        "dropdown-link-hover": "#f1f1f1",
        "header-bg":
          "url('../../assets/backgrounds/header-background-main.png')",
        "gradient-start": "#1340ff",
        "gradient-end": "#ae51f6",
        customGreen: "#51B351",
      },
      spacing: {
        "80px": "80px",
        "150px": "150px",
        "18px": "18px",
        "28.5px": "28.5px",
        "10px": "10px",
        "20px": "20px",
        "8px": "8px",
      },
      fontSize: {
        "55px": "55px",
        "40px": "40px",
        "18px": "18px",
        "16px": "16px",
        "21px": "21px",
        "13px": "13px",
      },
      borderRadius: {
        "8px": "8px",
        "32px": "32px",
        "56px": "56px",
        "9px": "9px",
        "30px": "30px",
      },
      fontFamily: {
        satoshi: ["Satoshi", "sans-serif"],
        "gilroy-bold": ["Gilroy-Bold", "sans-serif"],
      },
      backdropBlur: {
        "3.5px": "3.5px",
        "50px": "50px",
      },
      lineHeight: {
        1.5: "1.5",
      },
      backgroundImage: {
        "header-bg":
          "url('./src/assets/backgrounds/header-background-main.png')",
        "background-card":
          "url('../../assets/backgrounds/background-card.png')",
        "footer-bg": "url('../../assets/backgrounds/footer-background.svg')", // Added background image for footer
      },
      backgroundSize: {
        auto: "auto",
        cover: "cover",
      },
      boxShadow: {
        "custom-shadow":
          "0px 43px 12px 0px rgba(69, 69, 69, 0), 0px 28px 11px 0px rgba(69, 69, 69, 0.01), 0px 15px 9px 0px rgba(69, 69, 69, 0.05), 0px 7px 7px 0px rgba(69, 69, 69, 0.09), 0px 2px 4px 0px rgba(69, 69, 69, 0.1)",
      },
      keyframes: {
        floatingAnimation: {
          "0%": { transform: "translateY(0)" },
          "50%": { transform: "translateY(-25px)" },
          "100%": { transform: "translateY(0)" },
        },
        floatingAnimationb: {
          "0%": { transform: "translateY(0)" },
          "50%": { transform: "translateY(25px)" },
          "100%": { transform: "translateY(0)" },
        },
      },
      animation: {
        floatingAnimation: "floatingAnimation 4s infinite alternate",
        floatingAnimationb: "floatingAnimationb 4s infinite alternate",
      },
      width: {
        40: "40%",
      },
    },
  },
  plugins: [],
};