.color {
    width: 100%;
  }
  .darktextboxes {
    background-color:#1F2933;
    border-color:#2C3844;
    color:white;
  }
  .darkgray {
    color:darkgray;
  }
  .gray {
    color:gray;
  }
  .darkerrortext {
    color:red;
  }
  .errortext {
    color:darkred;
  }
  .pp::-webkit-scrollbar {
    display: none; 
  }
  .pp {
    -ms-overflow-style: none; scrollbar-width: none;
  }
  body.dark {
    background-color:#33404D;
    color:white;
  }
  select.dark {
    background-color:#1F2933;
    border-color:#2C3844;
    color:white;
  }
  #colors {
    height: 120px;
    display: flex;
    flex-direction: row;
  }
  @font-face {
     font-family: MinecraftRegular;
     src: url(./assets/fonts/MinecraftRegular.otf);
  }
  @font-face {
     font-family: MinecraftBold;
     src: url(./assets/fonts/MinecraftBold.otf);
  }
  @font-face {
     font-family: MinecraftItalic;
     src: url(./assets/fonts/MinecraftItalic.otf);
  }
  @font-face {
     font-family: MinecraftBoldItalic;
     src: url(./assets/fonts/MinecraftBoldItalic.otf);
  }
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(./assets/fonts/Quicksand/300.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(./assets/fonts/Quicksand/500.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(./assets/fonts/Quicksand/600.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(./assets/fonts/Quicksand/700.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Quicksand';
    font-style: regular;
    font-display: swap;
    font-weight: 400;
    src: url(./assets/fonts/Quicksand/regular.ttf) format('truetype');
  }
  #coloredNick {
    font-size: 4rem;
    word-wrap: break-word;
  }
  .minecraft {
    font-family: MinecraftRegular;
  }
  .minecraftbold {
    font-family: MinecraftBold;
  }
  .minecraftitalic {
    font-family: MinecraftItalic;
  }
  .minecraftibold {
    font-family: MinecraftBoldItalic;
  }
  .minecraftunderline {
    text-decoration: underline;
  }
  .minecraftustrike {
    text-decoration: underline line-through;
  }
  .minecraftstrike {
    text-decoration: line-through;
  }
  #title {
      position:relative;
      background: linear-gradient(to right, #ff3333, #f74d00 , #00ff00, #ff3399, #6666ff);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      background-size: 400% 100%;
      font-family: MinecraftBold;
  }
  #inputs{
    position: relative;
  }
  @keyframes rainbow_animation {
      0%,100% {
          background-position: 0 0;
      }
  
      50% {
          background-position: 100% 0;
      }
  }
  body{
    margin: auto;
  }