/* Custom MyCode Classes */

.npcgreen {
	color: var(--greens1);
	font-style: italic;
	text-shadow: 0 0 0.3em var(--greens2);
}

.npcblue {
	color: var(--blues1);
	font-style: italic;
	text-shadow: 0 0 0.3em var(--blues2);
}

.npcbrown {
	color: var(--browns1);
	font-style: italic;
	text-shadow: 0 0 0.3em var(--browns2);
}

.npcbronze {
	color: var(--bronzes1);
	font-style: italic;
	text-shadow: 0 0 0.3em var(--bronzes2);
}

.npcgold {
	color: var(--golds1);
	font-style: italic;
	text-shadow: 0 0 0.3em var(--golds2);
}

.fadebrown {
	color: #d4bfae;
	background: linear-gradient(to right, #85615a, #664b4b);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
	font-weight:bold;
}

.glowblue {
	color: #3892b5;
	font-style: italic;
	text-shadow: 0 0 0.3em #2c667d;
}

.fadebronze {
	background: linear-gradient(to right, #948c59, #b37e39);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
}

.fadebronzeglow {
	background: linear-gradient(to right, #948c59, #b37e39);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #807849);
}

.asooth {
	background-color: #36593B;
	color: #78A362;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.iorwerth {
	color: #FFD87C;
	background: linear-gradient(to right, #A16641, #CD7643, #5B856F);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.altanth {
	background: linear-gradient(to right, #B36232, #D18337, #B65A2E);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #882D17);
}

.ach, .acheronth {
	color: #BC9BA9;
	background: linear-gradient(to right, #3D2B30, #784446);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.agnith {
	color: #261816;
	background: linear-gradient(to right, #934027, #9F493E);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.umbrath, .umbra {
	background: linear-gradient(to right, #6A5545, #765E43, #613F3A);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
}

.eumy, .eumyiath {
	color: #1B4E6C;
	background: linear-gradient(to right, #3B9DAC, #79C1B7, #50B9C8);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.bala, .balamth {
	background: linear-gradient(to right, #73C2FB, #77E8FF, #77AAFA);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #4082F7);
}

.cyd, .cydiath {
	color: #E2F0BA;
	background: linear-gradient(to right, #518C4D, #5CC173);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.verath {
	background: linear-gradient(to right, #779569, #b8b661, #96b073);
	font-style: italic;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	color: #fffed8;
}

.viri, .viridith {
	  background: -webkit-linear-gradient(left, #2d5d44, #218268, #159873, #537d60);
  color: #00ce99;
	font-style: italic;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.liuth {
	color: #1B1E3C;
	background: linear-gradient(to right, #6785D1, #528AB1, #6F75CF);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.aizuth {
	color: #BED9DE;
	background: linear-gradient(to right, #244057, #326A85, #2A5963, #223451);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.meli, .meliath {
	background: linear-gradient(to right, #73AE3E, #B4EF60, #5B9B3A);
	font-style: italic;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #2D6024);
}

.rha, .rhamneth {
	color: #512A13;
	background: linear-gradient(to right, #E7D49D, #C88B19);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.kybe, .kybeleth {
	color: #119668;
	background: linear-gradient(to right, #05322E, #034133, #03392F);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.sun, .sundath {
	background: linear-gradient(to right, #9a8262, #998d84, #948372, #baa487, #e0cbaf);
	color: #1f1815;
	font-weight: bold;
	font-style: italic;
	border-radius: 1rem;
	padding: 0.1rem 0.4rem;
}

.lia, .liarakath {
	background: linear-gradient(to right, #41362f, #695448, #726052, #9d8879, #e5c8b4);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	font-weight: bold;
	color: transparent;
}

.marv, .marvath {
	background: linear-gradient(to right, #94c3d3, #3e7483, #1e556b);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	font-style: italic;
	color: transparent;
	filter: drop-shadow(0 0 0.2em #174457);
}

.bell, .belleroth {
	color: #A01F04;
	background: linear-gradient(to right, #DB711A, #F5C735);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.bell2, .belleroth2 {
	color: #F5C735;
	background: linear-gradient(to right, #DB711A, #A01F04);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.samudrath {
	background: linear-gradient(to right, #5c3d4f, #57512a, #52644b);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	font-style: italic;
	color: transparent;
	filter: drop-shadow(0 0 0.2em #4a5238);
}

.borsk {
	background: linear-gradient(to right, #fe6126, #ff7f30, #ff9b3a);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	color: transparent;
	filter: drop-shadow(0 0 0.2em #892c1d);
}

.shii {
	color: #8d915a;
	background: linear-gradient(to right, #e4f1ca, #eeece0, #e4f1ca);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.tanith {
	background: linear-gradient(to right, #E58D34, #FFB044, #FFBD59);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	color: transparent;
	font-style: italic;
	filter: drop-shadow(0 0 0.2em #CF6B23);
}

.ysk {
	background: linear-gradient(to right, #C3A672, #D7BB89, #D1B683);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	color: transparent;
	font-style: italic;
	filter: drop-shadow(0 0 0.2em #BE8553);
}

.pendelth {
	background: linear-gradient(to left, #7C615A, #a98877);
  background-clip: border-box;
  font-style: italic;
  font-weight: bold;
  color: transparent;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 0.2em #7C615A);
}

.itikath {
	background: linear-gradient(to left, #f2c764, #876343, #2b2224, #f7e4bf);
	background-clip: border-box;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #876343);
}

.ori { 
	background:  -webkit-repeating-radial-gradient(bottom, #ad6b37, #8d3c11, #ae4f1f, #cd9365, #621e09); 
	-webkit-background-clip: text; 
	filter: drop-shadow(0 0 0.2em #ae4f1f);
	color: transparent; 
}

.salask {
	background: linear-gradient(to left, #83933e, #445924, #cac659, #a3ae4e);
	background-clip: border-box;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #445924);
}

.phar, .pharask {
	background: linear-gradient(to left, #F9C285, #F3C029, #C68912);
	background-clip: border-box;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #3C2000);
}

.coel {
	color: #32FFFF;
	background: linear-gradient(to right, #13313E, #143643, #1C444F, #216471, #13313E);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.tav, .taventh {
	color: #F1D8B6;
	background: linear-gradient(to right, #4e230d, #974F15, #F08F26);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.ker, .kereth {
	color: #7EA354;
	background-color: #172505;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.lagra {
	color: #9ca2d7;
	background: linear-gradient(to right, #06041b, #402f91);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-weight: bold;
}

.garth {
    color: #000;
    background: linear-gradient(to right, #414B61, #709FB2, #74C8C3, #2A2C41);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
    font-family: sans-serif;
}

.kyt, .kytoth {
	color: #40798B;
	background: linear-gradient(to right, #B5E7F7, #ACE5F6);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.oath {
	color: #24181C;
	background: linear-gradient(to right, #FDC78A, #F1852E, #A63E23);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.veleth {
	color: #1F2326;
	background: linear-gradient(to right, #90391C, #DF9247, #A4BE95, #90391C);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.rusath {
	color: #BA744D;
	background: linear-gradient(to right, #281E27, #5B332F, #281E27);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.leimoth {
	color: #CAC2CA;
	background: linear-gradient(to right, #0A171B, #366A5F, #174A3B);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.sirruth {
	color: #2D202B;
	background: linear-gradient(to right, #775A5D, #A97E6C, #85584D);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.elspeth {
	color: #4E806D;
	background: linear-gradient(to right, #1F2228, #304840, #232C2C);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.meneth {
	color: #302F2D;
	background: linear-gradient(to right, #5A85AA, #589AB1, #7D5F45);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.theanoth, .thea {
	color: #57AD7F;
	background: linear-gradient(to right, #0E2B2A, #3E423B, #244D41);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
	font-style: italic;
}

.tilleth {
	background: linear-gradient(to left, #dbe1e3, #679ed6, #5470a1, #7fcce7);
	background-clip: border-box;
	color: transparent;
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 0.2em #10205d);
}

.zeu {
	background:  -webkit-repeating-radial-gradient(ellipse #272f42, #4b6985, #4c6b87, #202839, #30394f);
	background-clip: border-box;
	color: transparent;
	-webkit-background-clip: text;
}

.ylsk {
	 background: linear-gradient(to left, #396b09, #94a43c, #83aa16, #4a950e, #396b09);
  	color: #6cfa2f;
 	 font-style: italic;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.val, .valenth {
	background:linear-gradient(to right, #465da9, #a1c5ec);
    background-clip: border-box;
  font-style: italic;
  font-weight: bold;
  color: transparent;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 0.2em #5871bf);
}

.praelith {
	background: linear-gradient(to left, #291c12, #7b5b35, #291c12);
  	color: #ffd69f;
 	font-style: italic;
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.athexth {
background: linear-gradient(to right, #98917c, #bcb178, #796b4f);
color: transparent;
-webkit-background-clip: text;
font-weight: bold;
font-style: italic;
-webkit-filter: drop-shadow(0px 0px 3px #ede4d1);
}

.month {
	color: #0095FD;
	font-style: italic;
	font-weight: bold;
}

.lycsk {
	color: #802B2A;
	font-style: italic;
	text-shadow: 0 0 0.3em #802B2A;
}

.sangha {
    color: #647763;
    font-style: italic;
    text-shadow: 0 0 0.3em #639d72;
}

.cirinath {
    background: radial-gradient(#99b6de, #dbe9fd, #566ba6);
    font-style: italic;
    font-weight: regular;
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(0 0 0.2em #dbe9fd);
}

.siv, .sivkoth {
    background: linear-gradient(to right, #456680, #336976, #233658);
    font-style: italic;
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(0 0 0.2em #141A2F);

}

.nor, .norsk {
		color: #D6B297;
	background: linear-gradient(to right, #766761, #915A42);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.cusk {
		color: #462717;
	background: linear-gradient(to right, #CCA35F, #976F44);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.jask {
	background: linear-gradient(to right, #D99B74, #F1A355, #FACC6A);
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
	color: transparent;
	font-style: italic;
	filter: drop-shadow(0 0 0.2em #91492F);
}

.elsk {
	color: #74C1A4;
	background: linear-gradient(to right, #1F2526, #3E665B);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.coysk {
	color: #416981;
	background: linear-gradient(to right, #79ACC4, #92C9D5);
	padding: 0.1rem 0.4rem;
	border-radius: 1rem;
}

.weth {
color: #7BC5DB;
background: linear-gradient(to right, #6670B2, #3C458B);
padding: 0.1rem 0.4rem;
border-radius: 1rem;
font-style: italic;
font-weight: bold;
} 

.harth {
color: #f4e7c6;
    background: linear-gradient(to right, #591c10, #df612f, #eb923c);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
    font-style: italic;
}

.panelath, .pan {
color: #2D2245;
    background: linear-gradient(to right, #F9C467, #FBCF80, #FFE396);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.cath {
    color: #B8A09B;
    background: linear-gradient(to right, #412720, #412720, #673A44);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.okrosth {
    color: #415452;
    background: linear-gradient(to right, #ABBA9B, #F1F0D7);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.belezath {
    color: #340C00;
    background: linear-gradient(to right, #BD5532, #B7722A, #d2aE3F);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.meralth {
    color: #B47625;
    background: linear-gradient(to right, #2A1009, #441913, #2A1009);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.vysokoth {
    color: #ECF0D8;
    background: linear-gradient(to right, #05210E, #135726, #05210E, #05210E);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.alchioth {
    color: #D0E1FF;
    background: linear-gradient(to right, #1D2E61, #1D2E61, #865CA4, #317B9B);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.linth {
    color: #034314;
    background: linear-gradient(to right, #C1A050, #70CF96);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.eviteth {
    color: #D1CE68;
    background: linear-gradient(to right, #003E83, #003E83, #006FAC);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.circa, .circaith {
    color: #000;
	  background: linear-gradient(to right, #2AAEA6, #83B49F, #FFC490);
	  padding: 0.1rem 0.4rem;
	  border-radius: 1rem;
}

.kuroth {  color: #3A3C8A;	  background: linear-gradient(to right, #171837, #0B0C1B, #171837);	  padding: 0.1rem 0.4rem;	  border-radius: 1rem;}

.lean, .leandesk {
    color: #695452;
    background: linear-gradient(to right, #A59897, #DBD5D5, #A59897);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.quetz, .quetzsk {
	color: #578772;
    background: linear-gradient(to right, #96B6AD, #B1E3CA, #96B6AD);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.neesk {
	color: #79ce5e;
    background: linear-gradient(to right, #252813, #718433, #252813);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.yavorth {
	color: #ffe9ae;
	font-weight: bold;
	font-style: italic;
	background: linear-gradient(to right, #411b18, #772920, #b7451e, #e98c2a, #cab127, #af7f13, #7c5729);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}

.lyu, .lyubenth {
	color: #bf601c;
    background: radial-gradient(#fff2ca, #ffd2b4);
    padding: 0.1rem 0.4rem;
    border-radius: 1rem;
}