@charset "UTF-8";

#page-content {
	text-align: left;
}

#questions {
	margin-bottom: 2em;
}

.question {
	margin-bottom: 30px;
}

label {
	font-size: .8em;
	font-weight: 400;
	margin-bottom: 8px;
	display: inline-block;
}

input[type=text] {
	border-radius: 1000px !important;
	padding: .8rem 2rem !important;
}

#progress {
	display: flex;
	background-color: #F5B400;
    border: 1px solid transparent;
    border-radius: 1000px;
    line-height: 1;
    padding: 1rem 2.5rem;
    text-align: center;
    width: 100%;
}

.hide {
	display: none !important;
}

.progress {
	height: 4.5px;
	width: 100%;
	background: linear-gradient(#d90af2 0 0), linear-gradient(#d90af2 0 0), #fff;
	background-size: 60% 100%;
	background-repeat: no-repeat;
	animation: progressbar 3s infinite;
}

@keyframes progressbar {
	0% {
		background-position: -150% 0,-150% 0;
	}

	66% {
		background-position: 250% 0,-150% 0;
	}
	
	100% {
		background-position: 250% 0, 250% 0;
	}
}