.container {
	max-width: 1056px;
	margin: 0 auto;
	width: 100%;
	padding: 0 32px;
}
/*::selection {
	background-color: rgb(215 5 5) 63%;
}*/
body {
	background-color: black;display:flex;align-items:center; justify-content:center; height:98vh;
}
.heading {
	text-align: center;
	font-family: 'Kalam', cursive;
	font-size: 40px;
	background: -webkit-linear-gradient(90deg, #dedede 0%, rgb(215 5 104) 63%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.progress {
	background-color: #e6e6e666;
	border-radius: 20px;
	position: relative;
	margin: 15px auto;
	height: 30px;
	width: 100%;
	max-width: 500px;
}

.progress-done {
	background: rgb(250,0,0);
	background: linear-gradient(90deg, rgba(255,0,0,0.36458333333333337) 0%, rgba(255,181,61,0.8127626050420168) 39%, rgba(0,255,4,0.5382528011204482) 71%, rgba(5,186,96,1) 100%);
	/*box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C;*/
	border-radius: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 0;
	opacity: 0;
	transition: 1s ease 0.3s;
}
.logo {
	display: flex;
	justify-content: center;
}
.logo svg {
	fill: #75787B;
	transition: all ease 0.3s;

}
.logo svg:hover {
	fill: #fff;
}