body {
    background-color: #4b4b4b;
    color: #fff;
}

.chara_container {
    color: #4b4b4b;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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