/* Anim - CSS */



.element {
    position: relative;
    left: 0;
    opacity: 1;
    transform: scale(1);
    transition: ease 2s left, ease 2s opacity, ease 2s transform;
}

.anim-scale {
    transform: scale(0);
}

.anim-left {
    left: -1200px;
}

.anim-right {
    left: 1200px;
}

.anim-fade {
    opacity: 0;
}

.anim-delay-1 {
    transition-delay: 0.5s;
}

.anim-delay-2 {
    transition-delay: 1s;
}

.anim-delay-3 {
    transition-delay: 1.5s;
}

/* - */

.workspace {
    overflow-x: hidden;
}

/* Bot Waves - CSS */
#bot-wave-conainer {
    overflow: hidden;
    width: 100%;
    height: 256px;
    margin-top: -256px;
    z-index: 2;
    display: grid;
}

#bot-wave-conainer .st0 {
    fill: #ECEBE9;
}

#bot-wave-conainer .st1 {
    fill: rgb(236, 235, 233, 0.66);
}