@import url('https://fonts.googleapis.com/css?family=Google+Sans:500');
@import url('https://fonts.googleapis.com/css?family=Inter:500');

html {
    background: url('https://img.magnific.com/free-vector/3d-style-black-background-with-paper-layer_206725-669.jpg?semt=ais_hybrid&w=740&q=80');
    background-repeat: no-repeat;
    background-size: cover;
    cursor: url('http://www.rw-designer.com/cursor-extern.php?id=210420'), auto !important
}

:root {
    --theme-color: rgb(116 104 146 / 15%);
    --theme-color-2: rgb(255 160 0 / 15%);
    --theme-color-3: rgb(0 255 187 / 15%);
    --theme-color-4: rgb(0 238 255 / 15%);
    --theme-color-5: rgb(88 0 105 / 15%);
    --text-color: #fff;
    --font: 'Inter', sans-serif;
    --font-2: 'Google Sans', sans-serif;
}

body {
    color: var(--text-color);
    font-family: var(--font);
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: rgb(0 255 238);
    text-shadow: 0 0 20px #00ffed, 0 0 7px #00ffd6, 0 0 7px #ffffff;
}

/* hoolee shit keyframe */
@keyframes rainbow {

    0%,
    100% {
        color: #ffc1ad;
        text-shadow: 0 0 10px #FF0000, 0 0 20px #FF0000, 0 0 30px #FF0000;
    }

    14% {
        color: #ffd9ad;
        text-shadow: 0 0 10px #FF7F00, 0 0 20px #FF7F00, 0 0 30px #FF7F00;
    }

    28% {
        color: #ffffad;
        text-shadow: 0 0 10px #FFFF00, 0 0 20px #FFFF00, 0 0 30px #FFFF00;
    }

    42% {
        color: #a7ffad;
        text-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00, 0 0 30px #00FF00;
    }

    56% {
        color: #a7c6ff;
        text-shadow: 0 0 10px #0000FF, 0 0 20px #0000FF, 0 0 30px #0000FF;
    }

    70% {
        color: #c1a7ff;
        text-shadow: 0 0 10px #3f00ff, 0 0 20px #3f00ff, 0 0 30px #3f00ff;
    }

    84% {
        color: #ffa7f4;
        text-shadow: 0 0 10px #ff00e0, 0 0 20px #ff00e0, 0 0 30px #ff00e0;
    }
}

@keyframes trans {
    0% {
        color: rgb(255 151 227);
    }

    30% {
        color: #fff;
    }

    50% {
        color: rgb(82 160 255);
    }

    70% {
        color: #fff;
    }

    100% {
        color: rgb(255 151 227);
    }
}