@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.parallax-bg {
	background-attachment: scroll;
	background-position: right;
	transform: translateZ(0);
	will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
	.parallax-bg {
		background-position: 50% 0;

	}
}

[x-cloak] {
	display: none !important;
}

@keyframes fadeup {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.fadeupanim {
    animation-name: fadeup;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeup {
    opacity: 0;
}