.p22{
    font-family: p22;
}

.miyoshi{
    font-family: miyoshi;
}

body{
    font-family: p22;
    color: #ffff;
}
* {
    padding: 0;
    margin: 0;
}

@media(max-width:1024px){
    .bg-mobile{
        background-image: url("/img/episodios/reino-oriental/bg-china.png");
    }
}
/** EFFECTS **/
.shimmer {
    display: inline-block;
    mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
    animation: shimmer 2.5s infinite;
}

@keyframes shimmer {
    100% {
        mask-position: left
    }
}

@media(min-width:1024px){
    #sakura-bg {
        content: "";
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        height: 100%;
        pointer-events: all;
        background-image: url("./sakura-1-1.png");
        animation: snow 20s linear infinite;
    }
}


@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}