Electro Theme - Nitro Type by stormnt

/* ==UserStyle==
@name         Electro Theme - Nitro Type
@version      20220330.14.36
@namespace    userstyles.world/user/stormnt
@description  Best Neon, Electric, Elecro, Retro Custom Theme For Nitro Type.

Nitro Type: https://www.nitrotype.com/racer/legend_typer19

YouTube: https://bit.ly/StormNT
@author       stormnt
@license      All Rights Reserved
==/UserStyle== */

@-moz-document domain("nitrotype.com") {
/* This theme was made by Storm NT, YouTube: Storm NT*/

body {
    background: none;
}
html {
    background: fixed url("https://i.redd.it/vwr7xn47pvk51.jpg") #3e3c40;
    background-size: 100%;
}
.bg--gradient {
    background: fixed;
}

.card--grit {
    background: none;
}
.bg--gradient {
    background: fixed;
}
.theme--pDefault .profile-bg
  {
    background: url("https://images.hdqwalls.com/download/neon-world-7o-2560x1440.jpg") top left repeat, linear-gradient(0deg, #2d2e2e 60%, #ffffff 100%);
    color: #d3d3d3;
    background-size: 100%
  }
.theme--pDefault .profile-bgHead
  {
    background: url("https://images.hdqwalls.com/download/neon-world-7o-2560x1440.jpg") top left repeat, linear-gradient(0deg, #2d2e2e 60%, #ffffff 100%);
    color: #d3d3d3;
    background-size: 100%
  }
  .theme--pDefault.is-gold .profile-bg
  {
    background: url("https://img5.goodfon.com/wallpaper/nbig/5/35/peizazh-gory-neonovaia-luna-neonovaia-reka-neonovye-gory-neo.jpg") left bottom, linear-gradient(0deg, #d953fb 60%, #311bae 100%);
   background-size: 100%
  }
  .card--a
  {
    background-color: #fff0;
    color: #ffffff;
  }

  .card--shadow-l
  {
    box-shadow: none;
  }
  .theme--pDefault .profile-levelNum {
    color: #ffffff;
    text-shadow: 0 2px 2px #02020240;
}
    .theme--pDefault .profile-username {
    text-shadow: 0 0 7px #51bff2;
    user-select: none;
}
.news--solo .news-body p {
    color: #ffffff;
    line-height: 1.8;
}
.news-teaser {
    color: #ffffff;
    margin-bottom: 40px;
}
.card--a {
    color: #ffffff;
    background: transparent;
    text-shadow: 0 0 7px #b42ff7;
}
.card--shadow-l {
    box-shadow: none;
}
.btn--inky {
    color: #fff;
}
.card--b {
    color: #fff;
}
.theme--pDefault .profile-body {
    color: #ffffff;
}
.card--grit {
    background: none;
}
 .dash-copyContainer
  {
    background: #1d1e23;
  }

  .dash-copy
  {
    color: #1919ff;
    font-family: "Roboto Mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 29px;
    font-weight: bold;
  }

  .dash-letter.is-typed
  {
    opacity: 1.0;
  }

  .dash-letter.is-correct
  {
    color: #000;
    font-size: 29px;
    -webkit-animation: colorchange 10s infinite alternate;
  }
  .dash-letter.is-waiting
   {
    background-color: #888;
    border-radius: 10px;
   }
  .dash-letter.is-incorrect
 {
    background-color: #fff0 !important;
    color: #fff;
 }
 @-webkit-keyframes colorchange
  {
    0%
  {
    color: blue;
  }

  10%
  {
    color: #ff005d;
  }

  20%
  {
    color: #f0f;
  }

  30%
  {
    color: black;
  }

  40%
  {
    color: #7500ff;
  }

  50%
  {
    color: blue;
  }

  60%
  {
    color: #f0f;
  }

  70%
  {
    color: black;
  }

  80%
  {
    color: black;
  }

  90%
  {
    color: red;
  }

  100%
  {
    color: red;
  }
}
.nav {
    background: linear-gradient(to right, #303a42e3 0%, #2c3537d4 15%, #303a42e3 100%);
    border-radius: 10px;
    border-top: 2px solid #51bff2;
    border-right: 2px solid #51bff2;
    border-bottom: 2px solid #51bff2;
    border-left: 2px solid #51bff2;
    height: 100%;
    width: 100%;
}
.nav-list-item.is-current {
    background: radial-gradient(40px at 50% 100%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #20222e 30%, rgba(32, 34, 46, 0.3) 100%);
    border-radius: 8px;
    border-top: 2px solid #51bff2;
    border-right: 3px solid #51bff2;
    border-bottom: 2px solid #51bff2;
    border-left: 2px solid #51bff2;
    box-shadow: inset 0px 0px 5px 0px #51bff2;
}
.btn--primary {
    color: #fff;
    background-size: 100%;
    background-color: #0000 !important;
    border-color: white
   
}
.btn--secondary {
    background-color: #0000 !important;
    color: #fff;
    background-size: 100%;
    border-color: white
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #539ffb;
  border-radius: 10px;
}
.growl--a {
    background-image: url("https://img.freepik.com/vetores-gratis/desenho-de-fundo-de-neon_52683-72514.jpg?size=626&ext=jpg");
    border-color: #02020233;
    background-size: 150%;
    color: #fff;
}
.growl-close {
    background: #000;
    border-radius: 50%;
    border: 1px solid #000;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: -20px;
    top: -5px;
    transition: all 0.25s ease-in-out;
}
.footer-copyright {
    background: #b42ff7;
    color: #fff;
    padding: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.footer-nav {
    background: url(https://c.neh.tw/thumb/f/720/9696f24b53034a369518.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.dropdown--account {
    background: #ae6aeead;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    padding: 10px 15px;
    color: #fff;
    display: inline-block;
    width: 240px;
    position: absolute;
    top: 0;
    right: 0;
}
.dropdown--account .dropdown-items {
    background: #00000069;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 28px 28px 0 #0202020d, 0 17px 17px 0 #02020233, 0 8px 8px 0 #02020226;
    width: 240px;
}
.footer-card {
    background-image: url(https://i.pinimg.com/originals/1f/6f/ee/1f6feed025804ef1e3cda9fba5ffd914.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -30px;
    padding: 20px 20px 80px;
    position: absolute;
    right: 15px;
    transform: rotate(
2deg
);
    width: 300px;
    z-index: 2;
}
.link--nav {
    color: #fff;
    text-shadow: 0 0 5px #ff00d9, 0 0 7px #b42ff7;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    height: 100%;
    padding: 0 0 5px;
    transition: all 0.25s ease-in-out;
}
}