@font-face {
	font-family: "Museo Sans";
	src: url("./../fonts/MuseoSansRounded500.otf");
}

* {
	font-family: "Museo Sans", sans-serif;
	scroll-behavior: smooth;
}

.loader {
	width: 48px;
	height: 48px;
	display: block;
	margin: 20px auto;
	box-sizing: border-box;
	position: relative;
}
.loader::after {
	content: "";
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	left: 0;
	bottom: 0;
	position: absolute;
	border-radius: 50% 50% 0;
	border: 15px solid #fff;
	transform: rotate(45deg) translate(0, 0);
	box-sizing: border-box;
	animation: animMarker 0.4s ease-in-out infinite alternate;
}
.loader::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 150%;
	width: 24px;
	height: 4px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	animation: animShadow 0.4s ease-in-out infinite alternate;
}

@keyframes animMarker {
	0% {
		transform: rotate(45deg) translate(5px, 5px);
	}
	100% {
		transform: rotate(45deg) translate(-5px, -5px);
	}
}

@keyframes animShadow {
	0% {
		transform: scale(0.5);
	}
	100% {
		transform: scale(1);
	}
}

.bg-blue {
	background: #283480 !important;
	color: white;
	border: none;
}

.font-bolf {
	font-weight: 700 !important;
}

.text-blue {
	color: #283480;
}

.bg-light-blue {
	background: #109bc3;
	color: white;
}

.bg-green {
	background: #8dbe22;
	color: white;
}

.bg-yellow {
	background: #f1db0f !important;
	color: #283480;
	border: none;
}

@media screen and (max-width: 720px) {
	.card {
		grid-template-columns: 1fr !important;
	}
}