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

.chara_container {
    color: #807808;
}

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

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

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

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

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

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

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

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

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

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

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

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

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