body {
	font-family: 'Roboto', sans-serif;
	background-color: #0B1D32;
	color: #F0F8FF;
}

.font-playfair {
	font-family: 'Playfair Display', serif;
}

.parallax-bg {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}

.scrollbar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.animate-fade-in {
	animation: fadeIn 0.8s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-slide-up {
	animation: slideUp 1s ease-out;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}