loading_page {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(103, 32, 17); */
    background-color: rgb(123, 46, 17);
    /* background-color: rgb(200, 134, 110); */
    color: white;
    position: fixed;
    bottom: 0px;
    transition: .84s ease-in;
    z-index: 5;
}

load_t_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 800px;
    height: 200px;

}

load_txt {
    font-size: 72px;
    letter-spacing: 8px;

    color: rgba(255, 255, 255, 0);
    background-image: url(assets/wave.svg);
    background-size: 289px 100px;
    background-color: white;

    -webkit-background-clip: text;
    animation: wave_animate 20s linear infinite;
}

.loaded_succ {
    bottom: -300vh;
}

@keyframes wave_animate {
    from {
        background-position: left 0 top 0;
    }

    to {
        background-position: left 1300px top 0;
    }
}

wave_top {
    /* top: -40px; */
    bottom: 98vh;
    position: absolute;
    /* height: 1000px; */
    width: 160vw;
}
wave_top> img{
    /* top:-10px; */
    /* position: absolute; */
    object-fit: cover;
    height: 100%;
    width: 100%;
}