html {
    background: url("bg.jpg");
    background-attachment: fixed;
    background-size: cover;
    image-rendering: pixelated;
}

@keyframes fire
{
0% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #feec85,
  -20px -20px 40px #ffae34,
  20px -40px 50px #ec760c,
  -20px -60px 60px #cd4606,
  0 -80px 70px #973716,
  10px -90px 80px #451b0e;}
100% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #fefcc9,
  -20px -20px 40px #feec85,
  22px -42px 60px #ffae34,
  -22px -58px 50px #ec760c,
  0 -82px 80px #cd4606,
  10px -90px 80px  #973716;}
}

.hellfire {
    color: var(--orange);
    animation: fire 1s ease-in-out infinite alternate;
}

massive-fucking-background-flame {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999;
    background-image: url("smallfire.gif");
    background-size: auto 128px;
    opacity: 0.25;
    --pan: 0 -128px;
    animation: pan linear 3s infinite
}

a {
    color: black;
}

#inverted-cross {
    display: inline-block;
    rotate: 180deg;
    transition: rotate 2s, color 0.5s;
    --glow-color: red;
    animation: glow 4s linear infinite;
}

#inverted-cross:hover {
    rotate: 0deg;
    --glow-color: white;
    color: var(--yellow);
    transition: rotate 2s, color 1s;
}

.evil {
    color: black;
}