/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/

.h-18 {
  height: 4.5rem;
}

.h-22 {
  height: 5.5rem;
}

.h-26 {
  height: 6.5rem;
}

.h-30 {
  height: 7.5rem;
}

.h-34 {
  height: 8.5rem;
}

.text-with-outline {
    color: white; /* or any color you prefer */
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    paint-order: stroke fill;
}

.text-with-gentle-shadow {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.text-outline {
    color: white;
    text-shadow: 
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.text-with-shadow {
    color: white;
    text-shadow: 
        1px 1px 0 black,
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px 1px 0 black,
        0 1px 0 black,
        1px 0 0 black,
        0 -1px 0 black,
        -1px 0 0 black;
}

.text-with-glow {
    color: white;
    text-shadow: 
        0 0 5px rgba(0, 0, 0, 0.9),
        0 0 20px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(0, 0, 0, 0.4);
}