1  @import "tailwindcss";
 2  
 3  @theme {
 4    --color-fage-50: oklch(0.944 0.0184 232.4672);
 5    --color-fage-100: oklch(0.8878 0.0386 233.5721);
 6    --color-fage-200: oklch(0.831 0.0588 232.6864);
 7    --color-fage-300: oklch(0.7739 0.0814 232.4341);
 8    --color-fage-400: oklch(0.716 0.1047 231.1733);
 9    --color-fage-500: oklch(0.6599 0.1299 228.9211);
10    --color-fage-600: oklch(0.5722 0.1079 229.7552);
11    --color-fage-700: oklch(0.4866 0.0851 229.5338);
12    --color-fage-800: oklch(0.3979 0.0632 231.2442);
13    --color-fage-900: oklch(0.3132 0.0411 230.0365);
14    --color-fage-950: oklch(0.2237 0.0208 236.8374);
15  }
16  
17  a {
18    cursor: pointer;
19  }
20  
21  button {
22    cursor: pointer;
23  }
24  
25  @font-face {
26    font-family: "Relative Medium";
27    src: url("/assets/fonts/Relative-Medium-subset.ttf") format("truetype");
28    font-style: normal;
29    font-optical-sizing: auto;
30  }
31  
32  html,
33  body {
34    font-family: "Relative Medium", sans-serif;
35    scroll-behavior: smooth;
36  }
37  
38  .scroll-container {
39    overflow-x: auto;
40    scrollbar-width: thin;
41    scrollbar-color: rgb(161 161 170) transparent;
42  }
43  
44  .scroll-container::-webkit-scrollbar {
45    height: 8px;
46    width: 8px;
47  }
48  
49  .scroll-container::-webkit-scrollbar-track {
50    background: transparent;
51  }
52  
53  .scroll-container::-webkit-scrollbar-thumb {
54    background-color: rgb(161 161 170);
55    border-radius: 4px;
56  }
57  
58  .scroll-container::-webkit-scrollbar-thumb:hover {
59    background-color: rgb(113 113 122);
60  }
61  
62  .container-padding {
63    padding-inline: 2rem;
64  }
65  
66  @media (width < 768px) {
67    .container-padding {
68      padding-inline: 1rem;
69    }
70  }