body{
    justify-content: center;
    box-sizing: border-box;
    background-color: rgb(0, 0, 0);
}

.abs{
    position: fixed;
    top: 50px !important;
    inset: 0;
    justify-content: center;
    display: inline-flex;
    flex-direction: row;

}

.just{
    justify-content: center;

}

.bg-shape1{
    width: 400px;
    height: 400px;
    border-radius: 9999px;
    position: relative;
    animation: one 10s infinite;
}

.bg-shape2{
    width: 300px;
    height: 300px;
    border-radius: 9999px;
    position: relative;
    animation: two IOS infinite;
}


@keyframes one{
    0%{left: 0px; top: 0px}
    25%{left: -110px; top: 75px;}
    50%{left: 10px;top: 160px;}
    75%{left: 60px; top: 110px;}
    100%{left: 0px; top: 0px;}
}

@keyframes two{
    0%{left: 0px; top: 0px}
    25%{left: 60px; top: 15px;}
    50%{left: 110px;top: 60px;}
    75%{left: 40px; top: 110px;}
    100%{left: 0px; top: 0px;}
}

.opacity-50{
    opacity: .5;
}

.bg-blur{
    filter: blur(90px);
}

.bg-primary{
    background-color: rgb(52, 162, 52);
}

.bg-teal{
    background-color: rgb(176, 48, 119);
}

.bg-purple{
    background-color: rgb(170, 42, 3);
}