:root {
  --niko-black: #000000;
  --niko-purple: rgb(150, 101, 255);
  --niko-teal: rgb(53, 205, 210);
  --niko-yellow: rgb(255, 211, 106);
  --niko-green: rgb(62, 213, 100);
  --niko-blue: rgb(81, 70, 247);
  --niko-white: rgb(255, 255, 255);
  --niko-red: rgb(213, 33, 106);
  --niko-pink: rgb( 255, 85, 191);
  --niko-orange: rgb(252, 143, 76);
  
  --niko-rainbow: hsl(0, 85%, 55%);
}

.Niko {
  background-color: var(--niko-black);
  color: #ffffff;
}

.NikoBody{
    padding: 0;
    margin: 0;
}

.NikoP { border-style: solid; border-color: var(--niko-purple); color: var(--niko-purple); }
.NikoT { border-style: solid; border-color: var(--niko-teal); color: var(--niko-teal); }
.NikoY { border-style: solid; border-color: var(--niko-yellow); color: var(--niko-yellow); }
.NikoG { border-style: solid; border-color: var(--niko-green); color: var(--niko-green); }
.NikoB { border-style: solid; border-color: var(--niko-blue); color: var(--niko-blue); }
.NikoW { border-style: solid; border-color: var(--niko-white); color: var(--niko-white); }
.NikoR { border-style: solid; border-color: var(--niko-red); color: var(--niko-red); }
.NikoPi { border-style: solid; border-color: var(--niko-pink); color: var(--niko-pink); }
.NikoO { border-style: solid; border-color: var(--niko-orange); color: var(--niko-orange); }

.Niko1 { border-width: 1px; }
.Niko3 { border-width: 3px; }
.Niko5 { border-width: 5px; }
.Niko6 { border-width: 6px; }
.Niko7 { border-width: 7px; }

.NikoSBtnP {background-color: var(--niko-purple); color: var(--niko-black); border-style: solid; border-color: var(--niko-purple);}
.NikoSBtnT {background-color: var(--niko-teal); color: var(--niko-black); border-style: solid; border-color: var(--niko-teal);}
.NikoSBtnY {background-color: var(--niko-yellow); color: var(--niko-black); border-style: solid; border-color: var(--niko-yellow);}
.NikoSBtnG {background-color: var(--niko-green); color: var(--niko-black); border-style: solid; border-color: var(--niko-green);}
.NikoSBtnB {background-color: var(--niko-blue); color: var(--niko-black); border-style: solid; border-color: var(--niko-blue);}
.NikoSBtnW {background-color: var(--niko-white); color: var(--niko-black); border-style: solid; border-color: var(--niko-white);}
.NikoSBtnR {background-color: var(--niko-red); color: var(--niko-black); border-style: solid; border-color: var(--niko-red);}
.NikoSBtnPi {background-color: var(--niko-pink); color: var(--niko-black); border-style: solid; border-color: var(--niko-pink);}
.NikoSBtnO {background-color: var(--niko-orange); color: var(--niko-black); border-style: solid; border-color: var(--niko-orange);}

.NikoRainbow-border {
  border-style: solid;
  border-color: var(--niko-rainbow) !important;
}

.NikoRainbow-text {
  color: var(--niko-rainbow) !important;
}