
:root {
	--color-black: hsl(0, 0%, 0%);
	--color-yellow: hsl(48, 100%, 57%);
	--color-grey: hsl(0, 0%, 45%);
	--color-dark-grey: hsl(0, 0%, 21%);
	--color-white: hsl(0, 0%, 100%);
}

.well {
	position: relative;
	overflow: hidden;
	transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
}

.top {
	font-size: 80%;
	color: hsla(0, 0%, 100%, .25);
	position: relative;
	top: -.2em;
	cursor: pointer;
}

.panel {
	position: relative;
	height: 80vh;	
	overflow: hidden;	
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panel:nth-child(1) {
	
}

.panel:nth-child(2) {
	background: #123456;
}

.panel:nth-child(3) {
	background: #234567;
}

.panel:nth-child(4) {
	background: #345678;
}

.panel:nth-child(5) {
	background: #456789;
}