nitro type rainbow V1.0 by ethan122121

/* ==UserStyle==
@name         nitro type rainbow V2.0
@version      20241127.09.39
@namespace    https://userstyles.world/user/ethan122121
@description  this add's rainbow style to nitro type
@author       ethan122121
@license      No License
==/UserStyle== */

@-moz-document domain("www.nitrotype.com") {
body {
    background: none;
  }
  html {
    background: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    background-size: 400% 400%;
    animation: rainbowBG 15s ease infinite;
  }
  .card--grit {
    background: rgba(255, 255, 255, 0.1);
  }
  .bg--gradient {
    background: none;
  }
  .theme--pDefault .profile-bg,
  .theme--pDefault .profile-bgHead,
  .theme--pDefault.is-gold .profile-bg {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.8));
    color: #ffffff;
  }
  .card--a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ff00ff;
  }
  .dash-copyContainer {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.78);
  }
  .dash-copy {
    font-size: 32px;
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowText 5s linear infinite;
  }
  .growl--a {
    background: linear-gradient(45deg, #ff0000, #00ff00, #0000ff);
    border-color: rgba(255, 255, 255, 0.5);
    background-size: 200% 200%;
    animation: rainbowBG 10s ease infinite;
    color: #ffffff;
  }
  .with-team-ranking .profile--grid--player-info .type-ellip,
  .with-racer-ranking .profile--grid--player-info .type-ellip {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowText 5s linear infinite;
  }
  .theme--pDefault .profile-username {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowText 5s linear infinite;
  }
  .profile-carContainer.card.card--a.card--shadow-l,
  .raceResults-awards,
  .g.raceResults-grid {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .raceResults-close.raceResults-close--minimizer {
    background: #ff00ff;
  }
  .dash-content {
    background: linear-gradient(180deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
    background-size: 400% 400%;
    animation: rainbowBG 20s ease infinite;
  }
  .raceResults--default {
    background: linear-gradient(180deg, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    background-size: 400% 400%;
    animation: rainbowBG 15s ease infinite;
  }
  button, .btn {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    background-size: 200% 200%;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    animation: rainbowBG 5s ease infinite;
    transition: transform 0.3s ease;
  }
  button:hover, .btn:hover {
    transform: scale(1.1);
  }

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

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