@keyframes __fade-in {
    0% {
        -webkit-mask-size: 0;
        -webkit-mask-image: linear-gradient(
                to right,
                rgba(0, 0, 0, 1) 70%,
                rgba(0, 0, 0, 0)
        );
    }
    100% {
        -webkit-mask-size: 100%;
        -webkit-mask-image: linear-gradient(
                to right,
                rgba(0, 0, 0, 1) 70%,
                rgba(0, 0, 0, 0)
        );
    }
}

@keyframes opac-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes anchor {
    from {
        opacity: 0;
        transform: translate(0, -10px);
    }
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/*svg {*/
/*    animation: fade-in 1s;*/
/*}*/
svg {
    g #layer1 path {
        opacity: 0;
    }


    #circle-left {
        opacity: 0;
        animation: opac-fade-in 1s forwards 0.5s;
    }

    #wave-top {
        opacity: 0;
        animation: opac-fade-in 0.5s forwards 0.2s;
    }

    #wave-bot {
        opacity: 0;
        animation: opac-fade-in 0.5s forwards 0.4s;
    }

    #circle-top-right {
        opacity: 0;
        animation: opac-fade-in 1s forwards 0.5s;
    }

    #circle-bot {
        opacity: 0;
        animation: opac-fade-in 1s forwards 0.5s;
    }

    #anchor {
        opacity: 0;
        transform: translate(0, -10px);
        animation: anchor 1s forwards 1s;
        /*opacity: 1;*/
        /*transform: translate(0, -10px);*/
        /*animation: anchor 1s forwards 1s;*/
    }

}