body {
    background-color: #3a2781;
    color: #fff;
}

.chara_container {
    color: #3a2781;
}

.chara_details>div {
    border-bottom: solid 1px #3a2781;
}

@media screen and (max-width:767px) {
    .chara_details {
        background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, #3a2781 20%, #3a2781 100%);
        padding: 24px;
        padding-top: 40px;
    }
}

.ibuki::before {
    background-image: url(../assets/face/ibuki.png);
}

.natsuki::before {
    background-image: url(../assets/face/natsuki.png);
}

.rinka::before {
    background-image: url(../assets/face/rinka.png);
}

.rinka2::before {
    background-image: url(../assets/face/rinka2.png);
}

.kenshi::before {
    background-image: url(../assets/face/kenshi.png);
}

.aizen::before {
    background-image: url(../assets/face/aizen.png);
}

.miria::before {
    background-image: url(../assets/face/miria.png);
}

.keito::before {
    background-image: url(../assets/face/keito.png);
}

.yumei::before {
    background-image: url(../assets/face/yumei.png);
}