STOLITZ CODES BELOW TEXT!!!

COMMENT USING IF YOU USE PLS!!!

Back to coding after a while. Contrary to my last Madokami and Devil!Homura codes, which were interactive, these Blitz and Stolas stickers are always moving and don't need your mouse over them to react. Let me know if you want an interactive version btw!!! If you want to re-position them just change the numbers or words of the right/left and top/bottom section of each code and done! I am still a starter when it comes to coding so srry if this is not so good... 

Anyways, here are the codes, if you have requests pls tell me!!! I am mostly thinking about doing more helluva/madoka stuff but im open to new fandoms!!! :33

STOLAS CODE:

  <style>

    .stolas_phone{

        background: url(https://i.ibb.co/2KG74wX/stolas-phone.png) no-repeat;

        background-size: 100%!important;

        position: fixed;

        right: 15px;

        bottom: 3px;

        height:200px;

        width: 200px;

        animation: stolas_phone 2.15s;

        animation-iteration-count: infinite;

        animation-timing-function: cubic-bezier;

    }

    @keyframes stolas_phone {

        0%,

        100% {

            transform: translateX(0%);

            transform-origin: 50% 50%;

            content: url("")

        }

        15% {

            transform: translateX(-2px) rotate(-2deg);

        }

        30% {

            transform: translateX(5px) rotate(8deg);

        }

        45% {

            transform: translateX(-6px) rotate(-3.6deg);

        }

        60% {

            transform: translateX(5px) rotate(2.4deg);

        }

        75% {

            transform: translateX(-6px) rotate(-1.2deg);

        }

    }

    }

</style>

<div class="stolas_phone"></div>

BLITZ CODE:

  <style>

    .blitz_heart{

        background: url(https://i.ibb.co/98SC2TC/blitz-heart-2.png) no-repeat;

        background-size: 100%!important;

        position: fixed;

        left: 5px;

        bottom: 3px;

        height:200px;

        width: 200px;

        animation: blitz_heart 2.15s;

        animation-iteration-count: infinite;

        animation-timing-function: cubic-bezier;

    }

    @keyframes blitz_heart {

        0%,

        100% {

            transform: translateX(0%);

            transform-origin: 50% 50%;

            content: url("")

        }

        15% {

            transform: translateX(2px) rotate(2deg);

        }

        30% {

            transform: translateX(-5px) rotate(-8deg);

        }

        45% {

            transform: translateX(6px) rotate(3.6deg);

        }

        60% {

            transform: translateX(-5px) rotate(-2.4deg);

        }

        75% {

            transform: translateX(6px) rotate(1.2deg);

        }

    }

    }

</style>

<div class="blitz_heart"></div>

So, Ghostfuckers is coming very soon, how are we feeling about that Helluva nation? I'm panicked bcause it seems Blitz will cope terribly with the events of apology tour, hope we get to see Leviathan as the theories said!!!

That would be all!!! Hoped you liked them!!! Always open to requests. Remember, stay safe, have a goodnight, rest well, eat and drink something!!! :P

🙏BLESS🙏