.loader {
	height:100vh;
	width:100vw;
	background:rgba(0,0,0,1);
	z-index:900;
	position:absolute;
	top:0;
	bottom:0;
	backdrop-filter:blur(4px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	transition: ease-in-out 500ms;
}

.loaderFadeOut {
	background:rgba(0,0,0,0.3);
}
  

.introQuestion input {
	padding:30px;
	font-size: 18px;
	font-family: win95;
	width: 20rem;
	text-align:Center;
	border-radius:10px;
	border:none;
	background:rgba(255,255,255,0.8);
}

.introQuestion span {
	font-family: win95;
	font-size: 3rem;
	color:white;
}

.progress-container {
	height: 2.3rem;
	width: 75%;
	border-radius: 14px;
	background:rgba(49, 49, 49, 0.6);
	/* background: #000; */
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding: 8px;
	box-sizing:border-box;
}

.progress-container .progress {
	height: 100%;
	width: 0;
	border-radius: 6px;
	background: rgba(255, 255, 255,0.9);
	/* background: linear-gradient(90deg, rgb(71, 71, 71) 0%, rgb(156, 156, 156) 88%); */
	transition: width 0.4s ease;
	/* box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.5); */
}