add text outline to tailwind

globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	.font-outline-1 {
	  -webkit-text-stroke: 1px white;
	}
	.font-outline-2 {
	  -webkit-text-stroke: 2px white;
	}
  .font-outline-3 {
	  -webkit-text-stroke: 2px white;
	}
	.font-outline-4 {
	  -webkit-text-stroke: 4px white;
	}
}