#dText.Atsulah {
    text-align: center;
    direction: ltr;
    height: 100vmin;
}

#dText.Atsulah p.desk {
    margin: 150px 150px 0 150px;
    text-align: center;
    text-align-last: center;
    direction: ltr;
}

#dText.hills {
    direction: rtl;
}

#dText.hills span {
    position: relative;
    top: -2vh;
    animation: h_begin linear 20s forwards 1;
    animation-delay: 1s;
}

@keyframes h_begin {
    from {
        top: -2vh;
    }

    to {
        top: calc(2.5 * var(--wave_up));
    }
}

#dText.Gone span {
    position: relative;
    top: calc(2.5 * var(--wave_up));
}

#dText.atsulah_race {
    direction: rtl;
}

#dText.atsulah_race span {
    position: relative;
    animation: to_h var(--period) cubic-bezier(0.52, 0.03, 0.8, 1.08) forwards var(--duration),
        to_w calc(var(--period) * 2.5) linear var(--duration);

    animation-delay: 0;
    top: calc(2.5 * var(--wave_up));
}

@keyframes to_w {

    0%,
    100% {
        right: 0;
    }

    25% {
        right: 15vw;
    }

    75% {
        right: -15vw;
    }
}

@keyframes to_h {

    0%,
    100% {
        top: calc(2.5 * var(--wave_up));
    }

    50% {
        top: -5vh;
    }
}


svg.Atsulah path {
    stroke-opacity: 0.5;
    stroke: var(--bcolor);
    stroke-width: 1px;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 1;
}