* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

body {
	height: 100vh;
	width: 100vw;
	background-color: rgba(255,255,255,1);
	overflow: hidden;
}

#instruction-screen, #successful-purging-display-screen {
	height: fit-content;
	border-radius: 5vh;
	font-size: 2vmin;
	font-family: sans-serif;
	padding: 1vh 3vw;
	position: absolute;
	z-index: 2;
}

#instruction-screen {
	width: 90vw;
	background-color: rgba(0,200,100,0.1);
	color: rgba(30,30,30,1);
	margin: 0.5vh 2.5vw;
	//transform: translateY(-10vh);
	transform: scale(0);
}

#successful-purging-display-screen {
	width: 35vw;
	background-color: rgba(255,255,155,0.1);
	color: rgba(255,255,255,1);
	margin: 100vh 32.5vw 0 32.5vw;
	transform: translateY(0);
}

.screens {
	height: 42vh;

	width: 100%;
	background-color: rgba(0,0,0,0);
	border: 0;
	font-size: 1.5vmin;
	font-family: sans-serif;
	padding: 1vh 0 30vh 0;
	overflow-y: scroll;
	white-space:pre-wrap;
}

.screens:hover {
	border: 0;
	outline: 0;
}

#before-screen {
	color: rgba(30,30,30,1);
}

#after-screen {
	color: rgba(0,200,100,1);
}