/* Text-Shadow is CSS property that is used to add the shadow to the text, simply
you can add horizontal and vertical shodow alongwtith the blur and the color of shadow options */
/* It's general syntax would be like*/
/* x-offset | y-offset | blur-raduis | color */
text-shadow: 2px 2px 0px #808080;
/* x-offset | y-offset | color */
text-shadow: 2px 2px #808080;
/* x-offset | y-offset(not required) | blur-raduis | color */
text-shadow: 2px 0 2px #808080;
/*
The text-shadow CSS property adds shadows to text.
It accepts a comma-separated list of shadows to be applied to the text and
any of its decorations. Each shadow is described by some combination of
X and Y offsets from the element, blur radius, and color.
*/
/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;
/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;
/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;
/* color | offset-x | offset-y */
text-shadow: white 2px 5px;
/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;
text-shadow: 2px 2px 5px red;
/*
The first 2px is the horizontal shadow and the second 2px
is the vertical shadow meanwhile the 5px is the blur effect
intensity.
Basically, It will move the text shadow 2px to the right and
2px to the bottom (x, y) and the 5px makes the blur effect more intense
or you can turn the intensity down by changing 5px to something smaller
like 2px perhaps.
Lastly, red is the color, you can also change it to hex color, rgb color,
rgba color and stuff like that. Simply put, it's the color of the
text shadow.
*/