@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*Bulma variables override*/
:root{
    --bulma-primary-h: 50deg;
    --bulma-primary-l: 50%;
}

/*Custom classes*/
video{
    width:100%;
}

/*View transition experiments*/
@view-transition {
    navigation: auto;
}
@keyframes slide-from-right {
    from {
        /* Arrive from the right */
        transform: translateX(100vw);
    }
    to {
        /* Come into view */
        transform: translateX(0);
    }
}

::view-transition-old(root) {
    animation: none;
}

::view-transition-new(root) {
    /* Apply animation to hobbies.html */
    animation: slide-from-right 0.3s;
}