/*
To use the default selectors defined here, copy and paste the line below(<link rel=...>) in your index.html file:
 <link rel="stylesheet" href="_content/BlazorWasm.PageFx/pageFx.css"/>
 Otherwise define/override these selectors in your own CSS file.
 */

/* Initial app load */
.page-fx-init-in {
    opacity: 1;
}

.page-fx-init-out {
    opacity: 0;
}

/* Route animations */
.page-fx-route-in {
    opacity: 1;
}

.page-fx-route-out {
    opacity: 0;
}

/* Applied to whole page */
.page-fx-app {
    transition: all 0.3s ease;
}

/* Applied to page content only */
.page-fx-content {
    transition: all 0.3s ease;
}