.main{
    border: blueviolet ridge 33px;
    background: linear-gradient(115deg, #ff0000, #ff00001c, #ff000000,#ff000000);
    width: 70%;
    border-radius: 9% 42% 44% 55% / 14% 10% 98% 18%;
    border-bottom-style: double;
    border-right: none;
    border-bottom-color: #8a2be2ab;
    margin: auto;
}
.list{
    padding-right: 41px;
    margin: auto;
    width: fit-content;
}
ol{
    -webkit-text-stroke-width: 0.275px;
    -webkit-text-stroke-color: black;
    color: yellow;
}


@keyframes ioioio {
    0%{
        /* -webkit-box-shadow: 0;
        -moz-box-shadow: 0; */
        /* box-shadow: 0; */
        background-position: 0 50%;
    }
    25%{
        background-position: 50% 50%;
        /* box-shadow: inset rgb(0 0 0 / 71%) -7px 15px 39.2731px 7.14056px !important; */
        -webkit-box-shadow: inset -7px 15px 38px 7px rgba(0, 0, 0, 0.614);
        -moz-box-shadow: inset -7px 15px 38px 7px rgba(0, 0, 0, 0.614);
        box-shadow: inset -7px 15px 38px 7px rgba(0, 0, 0, 0.614);
    }
    47%{
        background-position: 50% 20%;
        color: red;
        -webkit-box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
-moz-box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
    }
    70%{
        background-position: 50% 0;
        color: red;
        -webkit-box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
-moz-box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
box-shadow: inset 0px 0px 55px 10px rgba(255,0,0,1);
    }
100%{
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    background-position: 0 50%;
    color: black;
}
}