@import "tailwindcss";

@theme {
--breakpoint-sm: 375px;
--breakpoint-md: 768px;
--breakpoint-lg: 1020px;
--breakpoint-xl: 1440;
--color-myPurple-100: hsl(254, 88%, 90%);
--color-myPurple-500: hsl(256, 67%, 59%);
--color-myYellow-100: hsl(31, 66%, 93%);
--color-myYellow-500: hsl(39, 100%, 71%);
--color-myWhite: hsl(0, 0%, 100%);
--color-myBlack: hsl(0, 0%, 7%);
--font-DMsans:  DM Sans , sans-serif;
}