my-project-public

repository

loading code, commits, and activity

repositories

loading repo index

#1	@tailwind base;
#2	@tailwind components;
#3	@tailwind utilities;
#4	@layer base {
#5	:root {
#6	--background: 0 0% 100%;
#7	--foreground: 240 10% 3.9%;
#8	--card: 0 0% 100%;
#9	--card-foreground: 240 10% 3.9%;
#10	--popover: 0 0% 100%;
#11	--popover-foreground: 240 10% 3.9%;
#12	--primary: 240 5.9% 10%;
#13	--primary-foreground: 0 0% 98%;
#14	--secondary: 240 4.8% 95.9%;
#15	--secondary-foreground: 240 5.9% 10%;
#16	--muted: 240 4.8% 95.9%;
#17	--muted-foreground: 240 3.8% 46.1%;
#18	--accent: 240 4.8% 95.9%;
#19	--accent-foreground: 240 5.9% 10%;
#20	--destructive: 0 84.2% 60.2%;
#21	--destructive-foreground: 0 0% 98%;
#22	--border: 240 5.9% 90%;
#23	--input: 240 5.9% 90%;
#24	--ring: 240 10% 3.9%;
#25	--chart-1: 12 76% 61%;
#26	--chart-2: 173 58% 39%;
#27	--chart-3: 197 37% 24%;
#28	--chart-4: 43 74% 66%;
#29	--chart-5: 27 87% 67%;
#30	--radius: 0.5rem
#31	}
#32	.dark {
#33	--background: 240 10% 3.9%;
#34	--foreground: 0 0% 98%;
#35	--card: 240 10% 3.9%;
#36	--card-foreground: 0 0% 98%;
#37	--popover: 240 10% 3.9%;
#38	--popover-foreground: 0 0% 98%;
#39	--primary: 0 0% 98%;
#40	--primary-foreground: 240 5.9% 10%;
#41	--secondary: 240 3.7% 15.9%;
#42	--secondary-foreground: 0 0% 98%;
#43	--muted: 240 3.7% 15.9%;
#44	--muted-foreground: 240 5% 64.9%;
#45	--accent: 240 3.7% 15.9%;
#46	--accent-foreground: 0 0% 98%;
#47	--destructive: 0 62.8% 30.6%;
#48	--destructive-foreground: 0 0% 98%;
#49	--border: 240 3.7% 15.9%;
#50	--input: 240 3.7% 15.9%;
#51	--ring: 240 4.9% 83.9%;
#52	--chart-1: 220 70% 50%;
#53	--chart-2: 160 60% 45%;
#54	--chart-3: 30 80% 55%;
#55	--chart-4: 280 65% 60%;
#56	--chart-5: 340 75% 55%
#57	}
#58	}
#59	@layer base {
#60	* {
#61	@apply border-border;
#62	}
#63	body {
#64	@apply bg-background text-foreground;
#65	}
#66	}
#67
#68	.loader {
#69	display: flex;
#70	align-items: flex-end;
#71	gap: 5px;
#72	}
#73
#74	.ball {
#75	width: 6px;
#76	height: 6px;
#77	background-color: #4e4e4e;
#78	border-radius: 50%;
#79	animation: bounce 0.6s infinite alternate;
#80	}
#81
#82	.ball:nth-child(2) {
#83	animation-delay: 0.2s;
#84	}
#85
#86	.ball:nth-child(3) {
#87	animation-delay: 0.4s;
#88	}
#89
#90	@keyframes bounce {
#91	from {
#92	transform: translateY(0);
#93	}
#94	to {
#95	transform: translateY(-4px);
#96	}
#97	}
#98

z6Mkq5mY3JWtxoxUobWcfNHm7AkRubgSWEZTkBVqZXJviFZ5/my-project-public