:root {
     --dk-color:#1c0752;
     --mid-color:#331d6e;
     --dkest-color:#04010f;
     --accent:#b7f3f7;
}
 html, body {
     margin:0;
     padding-top:25px;
     padding:0;
     height:98%;
     font-family:Verdana;
     font-size:11px;
     background-image:url('../images/stars.png');
     background-repeat:repeat;
     color:var(--dkest-color);
     padding:1px;

    animation: background-animation 50s linear infinite;
                 
    

            @font-face {
                font-family: Courier;
                src: url('../font/CourierPrime-Regular.ttf');
            }

            @font-face {
                font-family: MySoul;
                src: url('../font/MySoul-Regular.ttf');
            }

            @font-face {
                font-family: Courier;
                src: url('../font/CourierPrime-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: Courier;
                src: url('../font/CourierPrime-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Courier;
                src: url('../font/CourierPrime-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
                }

        
            
}

@keyframes glowAnim{
0%{
        color: #fcf9c7;
        text-shadow: none;
    }
    100%{
        color:whitesmoke;
        text-shadow: 0px 0px 8px #fcf9c7;
        font-size: 20px;
    }
}

@keyframes background-animation{
    0%{
        background-position: 0% 0%;
    }
    100%{
        background-position: 50% 50%;
    }
}

@keyframes shake{
    0%{
        font-size: 20px;
        color:fuchsia;
    }
    100%{
        font-size:22px;
        color:hotpink;
    }
}