/* Add this style block if you need to apply global styles */
body {
    font-family: 'Roboto', sans-serif; /* Replace 'Roboto' with your font if different */
}
body, html {
    cursor: url('../images/cursor.svg'), auto;
    /* Ensure full height */
    height: 100%;
}
.fade-up {
opacity: 0;
transform: translateY(30px); /* Start slightly lower for a smoother effect */
transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Smoother and longer transition */
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0); /* Move to original position */
}
#loader {
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}

/* Spinner animation */
.loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}

/* Keyframes for spinner animation */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}