@import url(https://fonts.cdnfonts.com/css/natural-precision);

/* **********************************************
NOTICES:
!!! This file should always be loaded last and have the highest number in stylesheet ordering!
1. hexcodes only (unless you want to play with others but i suggest hex lol)
opacity table: https://davidwalsh.name/hex-opacity
2. banner suggested width min 1500px with a ratio of 2:1 or 3:1
********************************************** */

/* DARK MODE */
:root {
	/** PACKS & IC STUFF **/
	/* Beast */
	--usergc-20-dark: #745f42;
	--usergc-20-light: #745f42;
	/* Elysium */
	--usergc-11-dark: #ead861;
	--usergc-11-light: #598424;
	/* Loner */
	--usergc-19-dark: #516a82;
	--usergc-19-light: #516a82;
	/* Northfall */
	--usergc-17-dark: #154360;
	--usergc-17-light: #908E8E;
	/* Seiiki */
	--usergc-23-dark: #00b3da;
	--usergc-23-light: #b600a0;
	/* Skjǫldrheim  */
	--usergc-36-dark: #7F99D4;
	--usergc-36-light: #D4B05D;
	/* Dawnbreak */
    --usergc-37-dark: #1bb1b3;
    --usergc-37-light: #ffa441;
	/* Kingdom of Avon */
    --usergc-38-dark: #cf6969;
    --usergc-38-light: #c4a145;
   /* Satriya */
    --usergc-39-dark: #883395;
    --usergc-39-light: #ed9e3d;
	/* Jakten */
    --usergc-40-dark: #b9925c;
    --usergc-40-light: #FF0000;
	/* Jakten 2*/
    --usergc-41-dark: #b9925c;
    --usergc-41-light: #FF0000;
	/* Camhanaich*/
    --usergc-42-dark: #6c914c;
    --usergc-42-light: #706043;
       /* Saatsine */
    --usergc-43-dark: #B7B6CB;
    --usergc-43-light: #8a0303;

	--usergc-tshadow: rgba(255,255,255,0.3);
}

/* LIGHT MODE (says dark but this is ACTUALLY LIGHT, dark loads first and i'm too lazy to edit javascript) */
[data-theme="dark"] {
	--usergc-tshadow: rgba(0,0,0,0.3);
}

.usergc-4 {
 color: var(--usergc-4); font-weight: bold; border-bottom: 1px solid;
}

.usergc-3 {
 color: var(--usergc-3); font-weight: bold; border-bottom: 1px dashed;
}

.usergc-6 {
 color: var(--usergc-6); font-weight: bold; border-bottom: 1px dotted;
}

.usergc-20 {
 background: -webkit-linear-gradient(right, var(--usergc-20-dark), var(--usergc-20-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-11 {
	background: -webkit-linear-gradient(left, var(--usergc-11-dark), var(--usergc-11-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-19 {
 background: -webkit-linear-gradient(right, var(--usergc-19-dark), var(--usergc-19-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-17 {
 background: -webkit-linear-gradient(right, var(--usergc-17-dark), var(--usergc-17-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-23 {
 background: -webkit-linear-gradient(right, var(--usergc-23-dark), var(--usergc-23-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-36 {
 background: -webkit-linear-gradient(right, var(--usergc-36-dark), var(--usergc-36-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-37 {
 background: -webkit-linear-gradient(left, var(--usergc-37-dark), var(--usergc-37-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-38 {
 background: -webkit-linear-gradient(left, var(--usergc-38-dark), var(--usergc-38-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-39 {
 background: -webkit-linear-gradient(left, var(--usergc-39-dark), var(--usergc-39-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-40 {
 background: -webkit-linear-gradient(left, var(--usergc-40-dark), var(--usergc-40-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-41 {
 background: -webkit-linear-gradient(left, var(--usergc-41-dark), var(--usergc-41-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-42 {
 background: -webkit-linear-gradient(left, var(--usergc-42-dark), var(--usergc-42-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}

.usergc-43 {
 background: -webkit-linear-gradient(left, var(--usergc-43-dark), var(--usergc-43-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 0px 1px var(--usergc-tshadow);
}