#wrapper{
	--cs-skbrown: rgb(97, 57, 31);
	--cs-sktan: rgb(188, 157, 137);
	--cs-sklight: rgb(232, 216, 200);
	--cs-ltblue: rgb(115, 207, 228);
	--cs-blue: rgb(60, 126, 191);
	--cs-obbrown: rgb(191, 146, 104);
	--cs-obtan: rgb(222, 194, 144);
	--cs-obgray: rgb(231, 221, 211);
	--cs-salmon: rgb(247, 180, 163);
	--cs-ltred: rgb(255, 40, 118);
	--cs-ltlavendar: rgb(196, 149, 195);
	--cs-ltpurple: rgb(194, 104, 168);
	--cs-pink: rgb(240, 133, 187);
	--cs-dkred: #A0143C;

	background-color: var(--cs-ltblue);
}

nav {
	background-color: var(--cs-pink);
}
nav.horizontal {
	background-color: var(--cs-ltlavendar);
}
.color-box {
	display: inline-block;
	width: 125px;
	height: 75px;
	margin: 20px;
	text-align: center;
	line-height: 50px;
}

.color-skbrown {
	background-color: var(--cs-skbrown);
}
.color-sktan {
	background-color: var(--cs-sktan);
}
.color-sklight {
	background-color: var(--cs-sklight);
}
.color-ltblue {
	background-color: var(--cs-ltblue);
}
.color-blue {
	background-color: var(--cs-blue);
}
.color-obbrown {
	background-color: var(--cs-obbrown);
}
.color-obtan {
	background-color: var(--cs-obtan);
}
.color-obgray {
	background-color: var(--cs-obgray);
}
.color-salmon {
	background-color: var(--cs-salmon);
}
.color-ltred {
	background-color: var(--cs-ltred);
}
.color-ltlavendar {
	background-color: var(--cs-ltlavendar);
}
.color-ltpurple {
	background-color: var(--cs-ltpurple);
}
.color-pink {
	background-color: var(--cs-pink);
}