body {
	/* Global variables */
	--isw-blue-normal: #99F;
	--isw-blue-dark: #00A;
	--isw-blue-light: #CCF;
	--isw-dark-normal: #AAA;
	--isw-dark-dark: #555;
	--isw-dark-light: #BBB;
	--isw-gold-normal: #FB0;
	--isw-gold-dark: #A70;
	--isw-gold-light: #FE9;
	--isw-green-normal: #5F5;
	--isw-green-dark: #080;
	--isw-green-light: #BFB;
	--isw-lime-normal: #DF0;
	--isw-lime-dark: #790;
	--isw-lime-light: #EFA;
	--isw-orange-normal: #F93;
	--isw-orange-dark: #C50;
	--isw-orange-light: #FC9;
	--isw-pink-normal: #F7C;
	--isw-pink-dark: #F07;
	--isw-pink-light: #FCE;
	--isw-purple-normal: #B8F;
	--isw-purple-dark: #60B;
	--isw-purple-light: #DBF;
	--isw-red-normal: #F65;
	--isw-red-dark: #A00;
	--isw-red-light: #FAA;
	--isw-turquoise-normal: #4ED;
	--isw-turquoise-dark: #0AA;
	--isw-turquoise-light: #AEE;
	--isw-color-base-1: #EEE;
	--isw-color-base-2: #CCC;
	--isw-color-base-3: #BBB;
	--isw-color-base-4: #555;
	--isw-color-base-5: #333;
	/* Other CSS */
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#bluesp {
	fill: var(--isw-blue-dark);
}

#bluesp:hover {
	fill: var(--isw-blue-normal);
}

#darksp {
	fill: var(--isw-dark-dark);
}

#darksp:hover {
	fill: var(--isw-dark-normal);
}

#greensp {
	fill: var(--isw-green-dark);
}

#greensp:hover {
	fill: var(--isw-green-normal);
}

#limesp {
	fill: var(--isw-lime-dark);
}

#limesp:hover {
	fill: var(--isw-lime-normal);
}

#orangesp {
	fill: var(--isw-orange-dark);
}

#orangesp:hover {
	fill: var(--isw-orange-normal);
}

#pinksp {
	fill: var(--isw-pink-dark);
}

#pinksp:hover {
	fill: var(--isw-pink-normal);
}

#purplesp {
	fill: var(--isw-purple-dark);
}

#purplesp:hover {
	fill: var(--isw-purple-normal);
}

#redsp {
	fill: var(--isw-red-dark);
}

#redsp:hover {
	fill: var(--isw-red-normal);
}

#turquoisesp {
	fill: var(--isw-turquoise-dark);
}

#turquoisesp:hover {
	fill: var(--isw-turquoise-normal);
}

#goldsp {
	fill: var(--isw-gold-dark);
}

#goldsp:hover {
	fill: var(--isw-gold-normal);
}

.btn-blue {
	background-color: var(--isw-blue-dark);
	border-color: var(--isw-blue-dark);
	color: white;
}

.btn-blue:hover {
	background-color: var(--isw-blue-normal);
	border-color: var(--isw-blue-normal);
	color: black;
}

.btn-dark {
	background-color: var(--isw-dark-dark);
	border-color: var(--isw-dark-dark);
	color: white;
}

.btn-dark:hover {
	background-color: var(--isw-dark-normal);
	border-color: var(--isw-dark-normal);
	color: black;
}

.btn-gold {
	background-color: var(--isw-gold-dark);
	border-color: var(--isw-gold-dark);
	color: white;
}

.btn-gold:hover {
	background-color: var(--isw-gold-normal);
	border-color: var(--isw-gold-normal);
	color: black;
}

.btn-green {
	background-color: var(--isw-green-dark);
	border-color: var(--isw-green-dark);
	color: white;
}

.btn-lime {
	background-color: var(--isw-lime-dark);
	border-color: var(--isw-lime-dark);
	color: white;
}

.btn-lime:hover {
	background-color: var(--isw-lime-normal);
	border-color: var(--isw-lime-normal);
	color: black;
}

.btn-green:hover {
	background-color: var(--isw-green-normal);
	border-color: var(--isw-green-normal);
	color: black;
}

.btn-orange {
	background-color: var(--isw-orange-dark);
	border-color: var(--isw-orange-dark);
	color: white;
}

.btn-orange:hover {
	background-color: var(--isw-orange-normal);
	border-color: var(--isw-orange-normal);
	color: black;
}

.btn-pink {
	background-color: var(--isw-pink-dark);
	border-color: var(--isw-pink-dark);
	color: white;
}

.btn-pink:hover {
	background-color: var(--isw-pink-normal);
	border-color: var(--isw-pink-normal);
	color: black;
}

.btn-purple {
	background-color: var(--isw-purple-dark);
	border-color: var(--isw-purple-dark);
	color: white;
}

.btn-purple:hover {
	background-color: var(--isw-purple-normal);
	border-color: var(--isw-purple-normal);
	color: black;
}

.btn-red {
	background-color: var(--isw-red-dark);
	border-color: var(--isw-red-dark);
	color: white;
}

.btn-red:hover {
	background-color: var(--isw-red-normal);
	border-color: var(--isw-red-normal);
	color: black;
}

.btn-turquoise {
	background-color: var(--isw-turquoise-dark);
	border-color: var(--isw-turquoise-dark);
	color: white;
}

.btn-turquoise:hover {
	background-color: var(--isw-turquoise-normal);
	border-color: var(--isw-turquoise-normal);
	color: black;
}

body::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	background-image: url("../img/cover.jpg");
	background-size: 2000px;
	width: 100%;
	height: 100%;
	z-index: -100;
}
