*                                   {margin:0;padding:0;list-style:none;box-sizing:border-box;user-select:none;pointer-events:none;outline:none;}

@font-face                          {font-family:"Vampire Wars";src:url("vampire_wars.woff2") format("woff2"),url("vampire_wars.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap;}
@keyframes colorchange {
    0%          {background-color:rgb(190, 18, 18);}
    10%         {background-color:rgb(224, 100, 17);}
    20%         {background-color:rgb(223, 192, 17);}
    30%         {background-color:rgb(69, 172, 22);}
    40%         {background-color:rgb(67, 150, 122);}
    50%         {background-color:rgb(17, 89, 223);}
    60%         {background-color:rgb(106, 47, 216);}
    70%         {background-color:rgb(223, 17, 213);}
    80%         {background-color:rgb(223, 17, 144);}
    90%         {background-color:rgb(85, 34, 95);}
    100%        {background-color:rgb(0, 0, 0);}
}

body                                {display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;}
h1                                  {font-family:"Vampire Wars";font-weight:400;font-size:250px;position:relative;color:transparent;background:url("nebula.gif") center center no-repeat;background-clip:text;-webkit-background-clip:text;z-index:2;background-size:100vw auto;padding:0px 20px;filter:grayscale(100%);}
#glow                               {position:absolute;left:-10%;top:-10%;width:120%;height:120%;filter:blur(10px) grayscale(100%);background:url("nebula.gif") center center no-repeat transparent;background-size:cover;z-index:1;}

#overlay                            {mix-blend-mode:color;position:absolute;left:0%;top:0%;width:100%;height:100%;background-color:red;z-index:3;animation-name:colorchange;animation-duration: 30s;animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate;}