@font-face {
    font-family: VinazFont;
    src: url('/fonts/Lemon_Tuesday.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
:root {
    /* anciennes couleurs */
    --bbgc: 31, 30, 36;
    --bdark: 62, 60, 70;
    --biloulight: rgb(214, 184, 231);
    --bilouhighlight: rgb(240, 233, 242);
    --biloulightgreen: rgb(159, 235, 163);
    --bbgc: 22, 21, 28;
    --bdark: 52, 49, 57;
    --biloulight: rgb(184, 194, 231);
    /* nouvelles */
    --bbgc: 42, 37, 66;
    --vinazbackground: 23, 13, 13;
    --bbgc:var(--vinazbackground);
    /* --bbgc: 0,0,0; */
    --bdark: 92, 70, 128;
    --vinazdarkblue: 51, 55, 95;
    --vinazdarkred: 90, 31, 31;
    --vinazdarkerblue: 23, 10, 70;
    --vinazdarkerthanblue: 14, 18, 28;
    --vinazdarkerred: 55, 20, 20;
    --vinazdarkerthandarkerred: 41, 20, 20;
    /* --bdark: 73, 57, 100; */
    --biloulight: rgb(231, 184, 197);
    --vinazlight: rgb(255, 230, 230);
    --biloulight: var(--vinazlight);
    --biloulightgreen: rgb(223, 238, 167);
    --bilouhighlight: rgb(240, 233, 242);
    --biloubgc: rgb(var(--bbgc));
    --bilouframe: var(--biloubgc);
    /* --bilouframe: white; */
    --biloubgc33: rgba(var(--bbgc), 0.33);
    --biloubgc50: rgba(var(--bbgc), 0.5);
    --biloubgc80: rgba(var(--bbgc), 0.8);
    --biloubgct: rgba(var(--bbgc), 0);
    --biloudark: rgb(var(--vinazdarkerred));
    --vinazdark: rgb(var(--vinazdarkred));
    --biloudarkt: rgba(var(--bdark), 0);
    /* --biloumedium: rgb(143, 129, 158); */
    --biloustic: cubic-bezier(0.6, 3.0, 0.5, 0.7);
    --biloueazout: cubic-bezier(0.4, 1, 0.6, 0.9);
    --bilouborder: solid var(--biloubgc) 0.16vw;
    --bilouborder33: solid var(--biloubgc33) 0.16vw;
    --biloutextborder: -0.10vw -0.10vw 0 var(--biloubgc), -0.16vw 0 0 var(--biloubgc), -0.10vw 0.10vw 0 var(--biloubgc), 0 0.16vw 0 var(--biloubgc), 0.10vw 0.10vw 0 var(--biloubgc), 0.16vw 0 0 var(--biloubgc), 0.10vw -0.10vw 0 var(--biloubgc), 0 -0.16vw 0 var(--biloubgc);
    --biloufade_offset: 0.99vw;
    --biloufade: linear-gradient(179deg, var(--biloubgc) calc(1vw + var(--biloufade_offset)), var(--biloubgct) calc(1vw + var(--biloufade_offset) + 0.05vw)),
                 linear-gradient(-200deg, var(--biloudarkt) 2.60vw, var(--biloudark) 14.58vw);
    --biloufade: linear-gradient(179deg, var(--bilouframe) calc(1vw + var(--biloufade_offset)), var(--biloubgct) calc(1vw + var(--biloufade_offset) + 0.05vw)),
                 linear-gradient(-200deg, var(--biloudarkt) 2.60vw, var(--biloudark) 14.58vw);
    --biloupsyche_top: 1.875vw;
    --biloupsyche_left: 7.24vw;
    --overbiloulay: radial-gradient(circle at center, transparent 40%, black 140%);
    background-color: var(--biloubgc);
    background-color: var(--bilouframe);
    font-family: serif, "Comic Sans MS", "Comic Sans", cursive, sans-serif;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--bdark), 0.33) var(--biloubgct);
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
    line-height: 1.3em;
}
::-webkit-scrollbar {
    height: 1ex;
    width: 1ex;
    background: var(--biloubgct);
}
::-webkit-scrollbar-thumb {
    background: rgba(var(--bdark), 0.33);
    border-radius: .5ex;
    opacity: .5;
}
a {
    text-decoration: none;
    color: var(--biloulight);
}
a:visited {
    color: var(--biloulight);
}
/* h1, h2, p {
    position: relative;
    z-index: 100;psy
} */
body {
    display: flex;
    flex-direction: column;
    color: var(--bilouhighlight);
    background-color: var(--vinazdark);
    max-width: min(max(66vw, 53.33vw), calc(100vw - 2vw));
    min-height: 100vh;
    margin: 0 auto;
}
body::before {
    background-color: var(--biloubgc);
    background-color: var(--bilouframe);
    content: '';
    flex: 0.25;
}
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    animation: 2s steps(20, end) infinite biloupsyche;
    /* box-shadow: 0 0.05vw 0.16vw var(--biloubgc50); */
    flex: 0;
    min-height:5vw;
}
header > * {
    z-index: 100;
}
header > img, header > nav {
    width: 8vw;
    height: 8vw;
    min-width: 3.125vw;
    min-height: 3.125vw;
    max-width: 25vw;
    max-height: 25vw;
    margin: 0.25vw;
    margin-bottom: -1vw;
    z-index: 150;
    user-select: none;
}
header > nav > * {
    display: block;
    position: relative;
    margin: 0;
    filter: drop-shadow(0 0 0.2rvw var(--biloubgc80));
}
header > nav > a {
    transition-property: transform;
    transition-timing-function: var(--biloustic);
    transition-duration: 0.4s;
    height: 100%;
}
html:not(.can-touch) header > nav > a:hover {
    transform: rotate(4deg);
}
header > nav > a > img {
    height: 100%;
}
header > hgroup {
    max-width: 50vw;
    margin: 0.25vw;
    padding-top: 1.8vw;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
}
header > hgroup > h1 {
    font-family: VinazFont;
    color: var(--biloulight);
    text-shadow: var(--biloutextborder);
    line-height: 1em;
    transform: rotate(-1deg);
    font-size: 1.5em;
    text-align: center;
    margin:0;
    min-width: -webkit-fill-available;
    margin-bottom: 1em;
    filter: drop-shadow(0 0 0.2rvw var(--biloubgc33));
}
header > hgroup > p:empty {
    display: none;
}
header > hgroup > time {
    width: 100%;
    display: block;
    font-size: .8em;
    margin: -.5vw;
    position: relative;
    text-shadow: 0 0 0.05vw black, 0 0 0.10vw black, 0 0 0.16vw black, 0 0 0.21vw black;
}
#totop {
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: max(min(calc((100% - 53.33vw)/2 - 4vw), calc(17vw - 4vw)), 0px);
    padding: 0.5vw;
    display: none;
    transition-timing-function: var(--biloustic);
    transition-duration: 0.3s;
    transition-property: transform;
    fill: var(--biloulight);
    fill-opacity: 0.85;
    stroke: var(--biloubgc);
    stroke-width: 0.10vw;
    stroke-opacity: 0.66;
    display: none;
}
#totop:hover {
    transform: scale(0.9);
}
.not-trippy #totop {
    display: block;
}
main {
    flex: 0;
}
#main_content {
    display: flex;
    flex-wrap: wrap;
    /* gap: .25vw; */
    /* padding: .25vw; */
}
#main_content > * {
    flex-grow: 1;
}
#main_content > section {
    /* padding: 1vw; */
    text-align: justify;
    max-width: 100%;
    /* background: linear-gradient(145deg, var(--biloubgc50), var(--biloubgc33) 50%); */
    /* border-radius: .25vw; */
}
#main_content > section * {
    max-width: 100%;
}
.article {
    background-color: rgb(var(--vinazdarkerthandarkerred));
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: normal;
}

.article table {
    margin-left: 1vw;
    margin-right: 1vw;
    margin-bottom: 1vw;
    border-style: solid;
    border-left: ridge;
    border-right: ridge;
    border-collapse: collapse;
    border-color: rgb(var(--vinazdarkerblue));
    background-color: rgb(var(--vinazdarkerthanblue));
    text-align: center;
    color:beige;
}

.article table .blup {
    background-color: rgb(3, 3, 4);
    border-top: inset;
    border-top-color: rgb(59 61 79);
}

.article table .bldo {
    background-color: rgb(3, 3, 4);
    border-bottom: inset;
    border-bottom-color: rgb(59 61 79);
}

.article table .black {
    background-color: rgb(3, 3, 4);
    border-style: inset;
    border-top-color: rgb(59 61 79);
    border-bottom-color: rgb(59 61 79);
}

.article table .link {
    border-left-style: double;
    border-left-color: beige;
    text-align: left;
    padding-left: 0.5vw;
}

.article td {
    border-right: ridge;
    border-color: rgb(var(--vinazdarkblue));
}


.separation_row {
    border-bottom: ridge;
    border-color: rgb(var(--vinazdarkblue));
}

.article p, .article li {
    font-family: serif;
}
#main_content > section .article img {
    max-width: calc(100% + 2vw);
    margin: 0 -1vw;
}
.article p:has(> img) {
    text-align: center;
}
.article h3 {
    color: var(--biloulight);
    text-shadow: var(--biloutextborder);
    line-height: 1.50em;
    font-weight: lighter;
    margin: 1vw;
}
.article strong, .article strong vw {
    font-weight: bolder;
    font-family: serif;
}
.article a {
    font-family: serif;
    transition-property: color;
    transition-duration: .2s;
    color: red;
}
.article a.download {
    background: linear-gradient(-45deg, var(--biloulightgreen), transparent);
    background-color: var(--biloulight);
    padding: .5vw;
    display: inline-block;
    color: var(--biloubgc);
    border-radius: 1vw;
    box-shadow: var(--biloutextborder), 0px 0.10vw 0.26vw var(--biloubgc);
    border: solid var(--bilouhighlight);
    transition-property: transform, background-color;
    transition-timing-function: var(--biloustic), var(--biloueazout);
    transition-duration: .3s, 1s;
}
html:not(.can-touch) .article a.download:hover {
    color: var(--biloubgc);
    background-color: var(--biloulightgreen);
    transform: scale(1.02);
}
#main_content > section .article a.download img {
    height: 2vw;
    margin: 0;
    margin-bottom: -0.5vw;
    filter: drop-shadow(0 0 0.2rvw var(--biloubgc80));
}
html:not(.can-touch) .article a:hover {
    color: var(--biloulightgreen);
}
main h1, main h2 {
    /* font-size: 1.5em; */
    /* letter-spacing: 0.25ex; */
    color: var(--biloulight);
    text-shadow: var(--biloutextborder);
    line-height: 1.75em;
    margin: 0.5vw;
    font-weight: lighter;
    /* text-align: center; */
    filter: drop-shadow(0 0 0.2rvw var(--biloubgc33));
}
main p {
    margin: 1vw;
}
.tags {
    text-align: center;
    color: var(--biloulight);
    margin: 0.5vw 0;
}
.tags::before {
    content: "Mots-clés:";
    font-family: serif;
}
.tags a, #current_tag span {
    font-family: serif;
    background-color: var(--biloubgc33);
    padding: 0.25vw 0.5vw;
    border-radius: 0.5vw;
    transition-property: transform;
    transition-timing-function: var(--biloustic);
    transition-duration: 0.3s;
    display: inline-block;
    font-size: 0.8em;
    margin: 0.2vw;
}
html:not(.can-touch) .tags a:hover {
    transform: scale(1.05);
}
footer {
    flex: 1;
    display: flex;
    flex-direction: column;
}
footer > small {
    text-align: right;
    display: block;
    min-height: 2.5vw;
    color: gray;
    background-color: var(--biloubgc);
    background-color: var(--bilouframe);
    font-family: serif;
    flex: 1;
}
footer > small > a {
    display: inline-block;
    text-decoration: none;
    color: var(--biloulight);
    position: relative;
    z-index: 100;
    margin-top: 2.4vw;
    margin-bottom: 3.1vw;
}
footer > small > a:visited {
    color: var(--biloulight);
}
footer > small > a > img {
    width: 1.25vw;
    height: 1.25vw;
    opacity: 0.25;
    margin: 0.25vw 0.1vw -0.25vw;
    mix-blend-mode: lighten;
    filter: invert(100%);
}
a.biloulink {
    display: block;
    color: var(--biloubgc);
    background-color: white;
    border: var(--bilouborder);
    border-radius: 1.5vw;
    padding: 0.5ex;
    margin: 0.5ex;
    height: min-content;
    width: max-content;
    text-decoration: none;
    transform-origin: center;
    transition-property: transform;
    transition-timing-function: var(--biloustic);
    transition-duration: 0.3s;
    box-sizing: border-box;
    max-width: 100%;
}
a.biloulink:visited {
    color: var(--biloubgc);
}
a.biloulink::before {
    content: "→";
    font-size: 1.5em;
    color: var(--biloulight);
    padding-right: 0.5ex;
}
a.biloulink::after {
    content: "...";
    color: var(--biloulight);
    padding-left: 0.5ex;
}
a.biloulink:hover {
    transform: scale(0.98);
}
.caption_container {
    align-self: center;
    margin: 0.25vw;
    padding-left: 5vw;
}
.caption {
    background-color: var(--bilouhighlight);
    border: var(--bilouborder);
    color: var(--biloubgc);
    border-radius: 0.5vw;
    font-size: 1.3em;
    font-weight: normal;
    padding: 0.4vw 0.5vw;
    margin: 0.5vw;
    text-align: center;
    min-width: -webkit-fill-available;
}
/*
.caption::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='28' version='1.1' viewBox='0 0 36 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m36.42 22.65s-11.61-3.686-14.64-9.744c7.17 0.6679 14.64-1.355 14.64-1.355' fill='%23f0e9f2' stroke='%231f1e24' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 1.875vw;
    height: 20.42vw;
    margin-bottom: -20.42vw;
    position: relative;
    top: -0.5vw;
    left: calc(-1.875vw - 0.5vw);
}
    */
.caption.avatar::before {
    content: "";
    background-image: url(/img/bubble_tail_left.svg), url(/img/biloumaster.svg);
    background-size: auto, contain;
    background-repeat: no-repeat;
    background-position: right, left;
    width: 5vw;
    height: 4vw;
    margin-bottom: -4vw;
    top: -1.5vw;
    left: -5.5vw;
}
time {
    color: var(--bilouhighlight);
    text-align: center;
    margin: 0.1vw;
    font-family: serif;
    font-weight: bold;
}
#overbiloulay {
    position: fixed;
    width: 120vmax;
    height: 120vh;
    left: 50%;
    top: 50%;
    margin: -60vh -60vmax;
    z-index: 100;
    background: var(--overbiloulay);
    pointer-events: none;
}

#logo {
   filter: invert(80%) sepia(99%) saturate(2476%) hue-rotate(2deg) brightness(118%) contrast(119%);
}

#logo2 {
   filter: invert(17%) sepia(89%) saturate(2476%) hue-rotate(2deg) brightness(118%) contrast(119%);
    min-width: 25vw;
    max-width: 25vw;
    min-height: fit-content;
    margin-left: 1vw;
}

#bioimg1 {
    float: left;
    margin: 2%;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    max-width: 40%;
}

#bioimg2 {
    float: right;
    margin: 2%;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    max-width: 40%;
}

#bioimg1 img {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 0.8vw;
}

#bioimg2 img {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 0.8vw;
}

#bioimg1 figcaption {
    font-size: 0.9em;
    text-align: center;
    min-width: -webkit-fill-available;
}

#bio {
    text-align: left;
    text-justify: auto;
}

#bio p {
    margin: 2%;
    font-size: 1.2em;
    font-family: serif;
    text-align: justify;
    line-height: 1.1em;
}
#nav-index a {
    margin-top: 1.2vw;
}

.navig h2 {
    font-family: VinazFont;
}

#login {
    text-align: center;
}

#login_form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 10vw;
    margin-left: 28vw;
}

#button_login {
    margin-left: 0.5vw;
    margin-top: 0.5vw;
    max-width: 19vw;
}

#button_login_link {
    font-family: serif;
}

.button {
    color: black;
    font-family: serif;
}
.button:visited {
    color:darkblue;
    font-family: serif;
}

#login {
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.vidlist {
    display: flex;
    flex-direction: column;
    align-items: center;
}

html:not(.can-touch) .vidlist a:hover h2 {
    color: var(--biloulightgreen);
    transform: scale(1.05);
}

@media (max-width: 840px) {
    :root {
        --biloufade: linear-gradient(-200deg, var(--biloudarkt), var(--biloudark) 14.58vw);
    }
    body {
        max-width: none;
        min-height: 100vh;
        margin: 0;
    }
    body::before {
        flex: 0;
    }
    footer > small {
        padding: 1vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    header {
        margin-top: 0;
    }
    header > hgroup >  h1 {
        transform: rotate(0deg);
	    font-family: 'VinazFont';
    }
}

@media (max-width: 640px) {
    header > a {
        margin-right: 0;
    }
    header > hgroup >  h1 {
        font-size: 1.7em;
    }

    #logo2 {
        min-width: 40vw;
        max-width: 40vw;
    }
}

@media (max-width: 520px) {
    header > hgroup >  h1 {
        font-size: 1.6em;
    }
    .navig, .navig_elvwent {
        font-size: 0.95em;
    }
}

@media (max-width: 420px) {
    header > hgroup {
        max-width:40vw;
    }

    header > hgroup > h1 {
        font-size: 1em;
    }
    
    header > hgroup > time {
        font-size: 1em;
    }

    header > hgroup > .caption {
        font-size: 1em;
    }

    .navig, .navig_elvwent {
        font-size: 0.9em;
    }
    header > a > img {
        transform: scale(1.1);
    }
    
}

@media (max-aspect-ratio:0.6) {
    #button_login_link {
        font-size: 3.1em;
    }
}

@keyframes biloupsyche {
    0% {
        --biloutick: 0px;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) 0.47vw, var(--biloudark) 0.52vw, var(--biloudark) 0.99vw, var(--biloubgc) 1.04vw);
    }
    5% {
        --biloutick: 0.05vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    10% {
        --biloutick: 0.10vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    15% {
        --biloutick: 0.16vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    20% {
        --biloutick: 0.21vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    25% {
        --biloutick: 0.26vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    30% {
        --biloutick: 0.31vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    35% {
        --biloutick: 0.36vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    40% {
        --biloutick: 0.42vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    45% {
        --biloutick: 0.47vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) calc(var(--biloutick) + 0.47vw), var(--biloudark) calc(var(--biloutick) + 0.52vw), var(--biloudark) 1.04vw);
    }
    50% {
        --biloutick: 0.52vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloudark), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 0.99vw, var(--biloudark) 1.04vw);
    }
    55% {
        --biloutick: 0.57vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    60% {
        --biloutick: 0.625vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    65% {
        --biloutick: 0.68vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    70% {
        --biloutick: 0.73vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    75% {
        --biloutick: 0.78vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    80% {
        --biloutick: 0.83vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    85% {
        --biloutick: 0.88vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    90% {
        --biloutick: 0.94vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    95% {
        --biloutick: 0.99vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) calc(var(--biloutick) - 0.05vw), var(--biloubgc) var(--biloutick), var(--biloubgc) 1.04vw);
    }
    100% {
        --biloutick: 1.04vw;
        background: var(--biloufade), repeating-radial-gradient(circle at left var(--biloupsyche_left) top var(--biloupsyche_top), var(--biloubgc), var(--biloubgc) calc(var(--biloutick) - 0.57vw), var(--biloudark) calc(var(--biloutick) - 0.52vw), var(--biloudark) 0.99vw, var(--biloubgc) 1.04vw);
    }
}