/* Default State */
.page-content {
    transition: opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
    opacity: 1;
    filter: blur(0px);
}

/* Blur out when navigating */
.page-content.blur-out {
    opacity: 0;
    filter: blur(30px); /* Increased for a more noticeable effect */
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out;
}

/* Fade in when loaded */
.page-content.fade-in-blur {
    opacity: 1;
    filter: blur(30px); /* Start slightly blurred */
    transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out;
}