* {
    box-sizing: border-box;
}

body {
    margin:0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.flexbox{
    height:100vh;
    width:100vw;
    /* background:lightblue; */
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction:column;
    gap:3vw;
    animation: strech 1s linear infinite;

}

.flexbox2{
    height:100vh;
    width:100vw;
    /* background:lightblue; */
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction:column;
    gap:3vw;
    z-index:-1;

}

.flexboxrow{
    height:250vh;
    width:250vw;
    /* background:lightblue; */
    /* border:3px solid; */
    display:flex;
    /* justify-content: space-evenly; */
    gap:8vw;
    align-items: center;
    
    animation: spin 1s linear infinite;
}

.circle{
    background:purple;
    height:2vw;
    width:2vw;
    border-radius:100%;
    animation: shift 1s alternate infinite;
}

.circle2{
    background:purple;
    height:2vw;
    width:2vw;
    border-radius:100%;
    animation: shift 10s alternate infinite;
}

.circle:hover{
    background:red;
}

@keyframes shift{
    0%{
        border-radius:100%;
        background:black;
        box-shadow: 0 0 8 rgba(25,255,255,0.4);
    }
    5%{
        transform-origin: 0 0;
        /* transform: scaleX(0.85); */
    }
    25%{
        box-shadow: -20px 0 15px rgba(25,255,255,0.4);
        /* transform: scaleX(1.05) skewX(-3deg); */
    }
    50%{
        box-shadow: 0 0 8 rgba(25,255,255,0.4);
        /* transform: scaleX(1) skewX(0deg); */
    }
    55%{
        /* transform-origin: 100% 0; */
        /* transform: scaleX(0.9); */
        box-shadow: 0 0 8 rgba(25,255,255,0.2);
    }
    100%{
        border-radius:0%;
        background: white;
        box-shadow: 0 0 0 rgba(25,255,255,0.0)

    }
}

@keyframes spin{
    0%{
        transform: rotate(1);
    }
    100%{
        transform: rotate(360deg);
    }
}

@keyframes strech{
    0%{
        flex-grow:(1);
    }
    100%{
        flex-grow:(10);
    }
}