table#list {
    margin: auto;
    border: 1px dotted #ccc;
    border-spacing: 3px;
    padding: 0 8px;
    width: 100%;
    opacity: 0.9;
    background-color: rgb(226, 218, 158);
    font-size: 0.85em;

    h2 {
        text-align: center;
    }

    & th {
        padding: 10px;
    }

    & th:nth-child(1) {
        width: 24px;
    }

    & td:nth-child(1) {
        text-align: center;
        font-size: 0.7em;
    }

    & td:nth-child(2),
    & td:nth-child(3) {
        width: 120px;
        text-align: center;
        font-size: 0.7em;

        & span {
            margin-left: 10px;
            font-size: 0.7em;
            color: #555;
        }

        & span::before {
            content: '[';
            display: inline-block;
        }

        & span::after {
            content: ']';
            display: inline-block;
        }
    }

    & th:nth-child(4) {
        text-align: left;
    }

    & th:nth-child(5) {
        width: 100px;
    }

    & td:nth-child(5) {
        text-align: center;
    }

    & td {
        background-color: #eed;
        box-shadow: 1px 1px 1px #ccc;
        padding: 8px;
    }
}