body {
    background-image: linear-gradient(rgb(40, 25, 0), black 100vh);
    background-color: black;
}

.mainTitle {
    color: orange;
}

.mainTitle > .evil {
    color: red;

    /* animation-name: evilReveal;
    animation-duration: 1s;
    animation-fill-mode: both; */
}

.evil {
    display: inline-block;
}

#card {
    /* background-color: rgb(75, 0, 0); */
    /* border-color: orange; */
}

a[href]:not(.chip) {
    color: orange;
}

/* 
body::after {
    width: 100vw;
    height: 100vh;
    background-color: rgb(30, 4, 75);
    background-image: linear-gradient(rgb(30, 4, 75), black);
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    content: "";

    z-index: -1;

    animation-name: flashbang;
    animation-delay: 0.9s;
    animation-duration: 3s;
    animation-fill-mode: both;
}

@keyframes flashbang {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes orangeShift {
    0% {
        color: 
    }

    100% {
        opacity: 1;
    }
}

@keyframes evilReveal {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
} */