Tailwind really drives me crazy. It makes websites look like they had an encoding stroke. Look:

className="relative grid h-[50px] max-h-[50px] min-h-[50px] grid-cols-3 justify-between border-b-[1px] border-b-[#aeaeae] bg-white text-[#333333] max-lg:flex"

Holy damn. At this point just use inline CSS.

Base Color : CB3D57
Mode : monochrome-dark
#6A1F2C
#8C273A
#AE3047
#CB3D57
#999999
#AEAEAE
Base Color : 2CD923
Mode : monochrome-dark
#176A13
#1D8517
#22A11B
#27BD1F
#2CD923
#8E8E8E
#9E9E9E
#AEAEAE
Base Color : 2EF7EB
Mode : monochrome-dark
#0A9C93
#0BBFB4
#0CE2D5
#1FF4E7
#9C9C9C
#AEAEAE
#C0C0C0
Base Color : F323C7
Mode : monochrome-dark
#8C0B70
#A70C86
#C10E9B
#DD0FB1
#F018C2
#929292
#A0A0A0
#AEAEAE
#BDBDBD
Base Color : 4759DE
Mode : monochrome-dark
#1B288A
#2131A9
#2639C9
#384BDB
#9C9C9C
#AEAEAE
#C0C0C0
Base Color : FA6F23
Mode : monochrome-dark
#963A07
#B54508
#D55109
#F45C09
#F87025
#9E9E9E
#AEAEAE
#BEBEBE
Base Color : BC536A
Mode : monochrome-dark
#652A37
#8B384A
#B0455D
#949494
#AEAEAE
Base Color : E13BA8
Mode : monochrome-dark
#861760
#A21B73
#BE1F87
#DA229B
#E13BA8
#9E9E9E
#AEAEAE
#BEBEBE