@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://tntubruh.neocities.com/images/bg.png');
    background-repeat: no-repeat;
    background-size: 100cm;
}

: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;
    cursor: url('http://www.rw-designer.com/cursor-extern.php?id=210420'), auto !important
}

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% { color: rgb(255, 0, 187); }
  14.2857% { color: rgb(255, 0, 0); }
  28.5714% { color: rgb(255, 255, 0); }
  42.8571% { color: rgb(0, 255, 0); }
  57.1429% { color: rgb(0, 255, 255); }
  71.4286% { color: rgb(0, 0, 255); }
  85.7143% { color: rgb(187, 0, 255); }
  100% { color: rgb(255, 0, 187); }
  
  0% { text-shadow:  0 0 20px rgb(255, 0, 187), 0 0 20px rgb(255, 0, 187), 0 0 20px rgb(255, 0, 187); }
  14.2857% { text-shadow: 0 0 20px rgb(255, 0, 0), 0 0 20px rgb(255, 0, 0), 0 0 20px rgb(255, 0, 0); }
  28.5714% { text-shadow: 0 0 20px rgb(255, 255, 0), 0 0 20px rgb(255, 255, 0), 0 0 20px rgb(255, 255, 0); }
  42.8571% { text-shadow: 0 0 20px rgb(0, 255, 0), 0 0 20px rgb(0, 255, 0), 0 0 20px rgb(0, 255, 0); }
  57.1429% { text-shadow: 0 0 20px rgb(0, 255, 255), 0 0 20px rgb(0, 255, 255), 0 0 20px rgb(0, 255, 255); }
  71.4286% { text-shadow: 0 0 20px rgb(0, 0, 255), 0 0 20px rgb(0, 0, 255), 0 0 20px rgb(0, 0, 255); }
  85.7143% { text-shadow: 0 0 20px rgb(187, 0, 255), 0 0 20px rgb(187, 0, 255) ,0 0 20px rgb(187, 0, 255); }
  100% { text-shadow: 0 0 20px rgb(255, 0, 187), 0 0 20px rgb(255, 0, 187) ,0 0 20px rgb(255, 0, 187); }
}

@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);
    }
}