.fullheight{ min-height: 100vh; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 20px; background: #efefef; overflow: hidden;}
.fullheight .authform{background-color: #fff; max-width: 500px; width:100%; box-sizing: border-box; padding:40px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 15px -3px, rgba(0, 0, 0, 0.04) 0px 10px 20px -2px; position: relative; z-index: 1;}

.svg-wave{
    height: 320px;
    fill: #0057e559;
    opacity: 1;
    transform: rotateY(0deg) rotateX(180deg);
    bottom: 0px;
    width:100%;
    position: absolute;
    z-index: 0;
}
.svg-wave use:nth-child(1) {
    fill: #00569d15;
}

.svg-wave use:nth-child(2) {
    fill: #00569d0e;
}

.svg-wave use:nth-child(3) {
    fill: #00569d1f;
}

.svg-wave use:nth-child(4) {
    fill: #00569d11;
}

.svg-wave use {
    animation: move-wave 5s infinite;
}

.svg-wave use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    opacity: 0.1;
}

.svg-wave use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.svg-wave use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.svg-wave use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-wave {
    0% {
        transform: scaleY(1);
        opacity: 0.3;
    }

    50% {
        transform: scaleY(1.1) scaleX(1.3);
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        opacity: 0.3;
    }
}

@media (max-width: 760px) {
    .svg-wave{height: 200px;}
}