/*primary color*/
.bg-cream {
	background-color: #fff2e1;
}

.bg-blue-header {
  --tw-bg-opacity: 1;
  background-color: #0C2B4E;
}

.bg-blue-title {
  --tw-bg-opacity: 1;
  background-color: #1A3D64;
}

.bg-button-primary {
  --tw-bg-opacity: 1;
  background-color: #1D546C;
}

.bg-body-primary {
  --tw-bg-opacity: 1;
  background-color: #F4F4F4;
}

.text-body-primary {
  --tw-text-opacity: 1;
  color: #F4F4F4;
}


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

.bg-yellow-500 {
	background-color: #f48c06;
}
.text-yellow-500 {
	color: #f48c06;
}
.floating {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes floating {
	0% {
		transform: translate(0, 0px);
	}
	50% {
		transform: translate(0, 10px);
	}
	100% {
		transform: translate(0, -0px);
	}
}
.floating-4 {
	animation-name: floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes floating-4 {
	0% {
		transform: translate(0, 0px);
	}
	50% {
		transform: translate(0, 10px);
	}
	100% {
		transform: translate(0, -0px);
	}
}
.text-darken {
	color: #1A3D64;
}