@font-face {
    font-family: "BM Dohyeon";
    src: url("./BMDOHYEON_ttf.ttf");
}

.content {
    max-width: 500px;
    margin: 0 auto;
}

#input {
    width: 100%;
    text-align: center;
    outline: none;
    border: none;
    color: #4a8ef7;
    font-family: "BM Dohyeon", sans-serif;
    font-size: 21pt;
    margin-top: 100px;
    margin-bottom: 25px;
}

#credit {
    color: #4a8ef7;
    font-family: "BM Dohyeon", sans-serif;
    text-align: center;
    font-size: 12pt;
    margin-bottom: 25px;
}

#chara div {
    width: 295px;
    overflow: hidden;
    margin: 0 auto;
}

#chara div img {
    width: 295px;
}

.crop {
    height: 95px;
}

.plaintext {
    color: #4a8ef7;
    text-align: center;
    font-family: "BM Dohyeon", sans-serif;
    text-align: center;
    font-size: 36pt;
    margin: 5px;
}

.a img {
    transform: translateY(0px);
}

.b img {
    transform: translateY(-95px);
}

.c img {
    transform: translateY(-190px);
}

.d img {
    transform: translateY(-285px);
}