@keyframes onbord {
    0% {
        border: .5px solid#e8889334;
    }

    100% {
        border: .5px solid#e88893cf;
    }
}

@keyframes onbordsetL {
    0% {}

    100% {
        border-left: 1px solid #9f5075;
        border-top: 1px solid #9f5075;
        border-bottom: 1px solid #9f5075;
        border-right: none;
        background-color: #53487064;

    }
}

@keyframes levsanimation {
    0% {}

    100% {
        border: 1px solid #954780b3;
        background-color: #ffffff1b;

    }
}

@keyframes onbordsetR {
    0% {}

    100% {
        border-left: none;
        border-top: 1px solid #9f5075;
        border-bottom: 1px solid #9f5075;
        border-right: 1px solid #9f5075;
        background-color: #53487064;

    }
}

@keyframes ontit {

    /*from {   
      color: rgba(255, 255, 255,.4); 
    }
    to{
      color: rgb(255, 255, 255);
   }*/
    0% {
        color: rgba(255, 255, 255, .4);
    }

    5% {
        color: rgb(255, 255, 255);
    }

    35% {
        color: rgba(255, 255, 255, .4);
    }

    65% {
        color: rgb(255, 255, 255);
    }

    85% {
        color: rgba(255, 255, 255, .4);
    }

    100% {
        color: rgb(255, 255, 255);
    }
}


@keyframes onb {
    from {}

    to {
        border-bottom: 0.1px solid #ffffff6c;
    }
}

@keyframes onic {
    from {}

    to {
        opacity: 1;
    }
}

@keyframes onbordinp {
    from {}

    to {
        border: 1px solid #9f5075;
        background-color: #53487064;

    }

}

@keyframes onbut {
    from {}

    to {
        border: 1px solid #9f5075;
        background-color: #2c43627c;
        color: #fff;
    }

}

@keyframes onbut2 {
    from {}

    to {
        border: 1px solid #4478B9;
        background-color: #2c43627c;
        color: #fff;
    }

}

@keyframes onlink {
    from {}

    to {
        color: #d289a5f0;
    }

}

@keyframes onlinks {
    from {}

    to {
        color: #5f8fe7;
    }

}