/* View transition for the navs */
@view-transition {
    navigation: auto;
  }


  /* google fonts for Alchemist title */
.love-light-regular {
    font-family: "Love Light", cursive;
    font-weight: 400;
    font-style: normal;
  }
  


/* alternative with css transitions */

.fade-in.htmx-added  {
    opacity:.3;
    transform: translateX(20px);
}

.fade-in {
opacity:1;
transform: translateX(0px);
transition: all .2s ease-in;
} 

.fade-out.htmx-swapping {
    opacity: 0;
    transition: opacity .2s ease-out;
  }

.htmx-indicator {
        opacity: 0;
        visibility: hidden;
    }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
    visibility: visible;
    transition: opacity 200ms ease-in;
}