/*/////////////////////////////////////////////
// DEBUG //////////////////////////////////////
/////////////////////////////////////////////*/

div, ul {
	/* background-color: rgba(255,0,0,0.05); */
}

#WorkWrapper li.last-clicked,
#WorkWrapper li.last-clicked * {
	/* background-color: red !important; */
}

.test {
	display: none;
}
.test > a {
	border-bottom: 1px solid;
}
.test .project-wrapper {
	display: block;
}
.test .project-wrapper > .fade-wrapper {
	background-color: red;
}
.test .project-wrapper > .fade-wrapper img {
	/* opacity: 0.25; */
}

#DebugWrapper {
	display: none;
}
#DebugMonitor {
	position: fixed;
	top: 2.5vmin;
	right: 2.5vmin;
	padding: 2.5vmin;
	background-color: rgba(255,200,0,0.333);
	border: 1px solid rgb(255,200,0);
	border-radius: 1vmin;
	z-index: 100;
	font-size: 0.666em;
	white-space: pre-wrap;
}
.debug-pixel {
	display: block;
	position: fixed;
	/* bottom: -999em; */
	/* right: -999em; */
	z-index: 101;
	background-color: red;
}
.debug-pixel.vmin {
	top: 10px;
	left: 10px;
	width: 1vmin;
	height: 1vmin;
}
.debug-pixel.vw {
	top: 110px;
	left: 10px;
	width: 1vw;
	height: 1vw;
}
.debug-pixel.vh {
	top: 210px;
	left: 10px;
	width: 1vh;
	height: 1vh;
}
.debug-pixel.rem {
	top: 310px;
	left: 10px;
	width: 1rem;
	height: 1rem;
}