body {
    background-color: #722828;
    color: #fff;
}

.chara_container {
    color: #722828;
}

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

@media screen and (max-width:767px) {

    .chara_details {
        background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, #722828 20%, #722828 100%);
        padding: 24px;
        padding-top: 40px;
    }
}

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

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

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

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

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

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

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

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