@charset "UTF-8";

.body {
    text-align: center;
}

#info {
    border-collapse: collapse;
    display: table;
    margin: 0 auto 20px;
}
#info .item {
    border-top: 1px dotted gray;
    display: table-row;
}
#info .item:nth-child(1) {
    border-top: none;
}
#info .item > div {
    display: table-cell;
    padding: 4px 12px;
}
#info .item > div:nth-child(1) {
    align-content: center;
}
#info .item > div:nth-child(2) {
    text-align: left;
}
@media (max-width: 800px) {
    #info .item {
        border-top: 1px dotted;
        display: flex;
        flex-direction: column;
        padding: 4px 8px;
    }
    #info .item > div:nth-child(1) {
        text-align: left;
    }
    #info .item > div:nth-child(1):before {
        content: '■ ';
    }
}