@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
	font-family: "Poppins", sans-serif;
}

:root {
	--primary: #011052;
	--green: #f5c76b;
	--secondary: #233066;
	--light-blue: #5d6794;
}

#progress-bar {
	background: rgb(245, 199, 107);
	background: -moz-linear-gradient(
		90deg,
		rgba(245, 199, 107, 1) 6%,
		rgba(153, 153, 153, 1) 6.1%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(245, 199, 107, 1) 6%,
		rgba(153, 153, 153, 1) 6.1%
	);
	background: linear-gradient(
		90deg,
		rgba(245, 199, 107, 1) 6%,
		rgba(153, 153, 153, 1) 6.1%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5c76b",endColorstr="#999999",GradientType=1);
}

.bg-primary {
	background-color: var(--primary);
	color: white;
}

.bg-secondary {
	background-color: var(--secondary);
}

.text-primary {
	color: var(--primary);
}

.text-secondary {
	color: var(--secondary);
}

.bg-light-blue,
.bg-light-blue-footer {
	background-color: var(--light-blue);
	color: black;
}

.bg-green {
	background-color: var(--green);
	color: #000;
}

.btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
	color: white;
}

.btn-primary:hover {
	background-color: transparent;
	border-color: var(--primary);
	color: var(--primary);
}

.btn-green,
.btn-green-form,
.btn-green-hover {
	background-color: var(--green);
	border-color: var(--green);
}

.btn-green-hover:hover {
	background-color: transparent;
	border-color: var(--green);
	color: var(--green);
}

.svg-green {
	fill: var(--green);
}

.btn-green:hover {
	background: transparent;
	color: white;
}

.btn-green-form:hover {
	background: var(--green);
}

.text-green {
	color: var(--green);
}

.number-green {
	border-color: var(--green);
	color: var(--green);
}

.btn-green-outline {
	background: #f5c76b50;
	border: 2px solid var(--green);
	color: var(--green);
}

.btn-green-outline:hover {
	background: var(--green);
	color: black;
	border-color: var(--green);
}

.grid-list {
	grid-template-columns: 0.25fr 1fr;
}

/* Track: webkit browsers */
input[type="range"] {
	--range-shdw: var(--primary);
}

.input-bottom-line,
.select-bottom-line {
	border-bottom: 1px #aaa solid;
	padding: 0.5rem;
	outline: none;
}

.select-bottom-line {
	border-radius: 0;
	min-width: 4em;
}

.select-bottom-line:focus {
	border: none;
	border-bottom: 1px #aaa solid;
	outline: none;
}

@media screen and (max-width: 720px) {
	.bg-light-blue-footer {
		background: var(--secondary);
	}
}