table {border: 1px solid;}
        table td {border: 1px solid;}
        sub {
            vertical-align: sub;
            font-size: small;
        }
        sup {
             margin-right:-2px;
             vertical-align: super;
             font-size: small;
        }
        mid {
            vertical-align: mid;
            font-size: small;
        }

        nasal{ display:inline-block; font-size:smaller;letter-spacing:0px;}
        nasal::after { content:"\25e0"; }
        nasal.d1{ transform: rotate(180deg); }
        nasal.d2{ transform: rotate(225deg); }
        nasal.d3{ transform: rotate(270deg); }
        nasal.d4{ transform: rotate(315deg); }
        nasal.d5{ transform: rotate(0deg); }
        nasal.d6{ transform: rotate(45deg); }
        nasal.d7{ transform: rotate(90deg); }
        nasal.d8{ transform: rotate(135deg); }

        plosive{ display:inline-block; }
        plosive::after { content:"\2227"; }
        plosive.d1{ transform: rotate(0deg); }
        plosive.d2{ transform: rotate(45deg); }
        plosive.d3{ transform: rotate(90deg); }
        plosive.d4{ transform: rotate(135deg); }
        plosive.d5{ transform: rotate(180deg); }
        plosive.d6{ transform: rotate(225deg); }
        plosive.d7{ transform: rotate(270deg); }
        plosive.d8{ transform: rotate(315deg); }

        fricative{ display:inline-block; font-size:smaller;}
        fricative::after { content:"\22cb"; }
        fricative.d1{ transform: rotate(90deg); }
        fricative.d2{ transform: rotate(135deg); }
        fricative.d3{ transform: rotate(180deg); }
        fricative.d4{ transform: rotate(225deg); }
        fricative.d5{ transform: rotate(270deg); }
        fricative.d6{ transform: rotate(315deg); }
        fricative.d7{ transform: rotate(0deg); }
        fricative.d8{ transform: rotate(45deg); }


        diptong{ display:inline-block; font-size:smaller; }
        diptong::after { content:"\22ca"; }
        diptong.d1{ transform: rotate(90deg); }
        diptong.d2{ transform: rotate(135deg); }
        diptong.d3{ transform: rotate(180deg); }
        diptong.d4{ transform: rotate(225deg); }
        diptong.d5{ transform: rotate(270deg); }
        diptong.d6{ transform: rotate(315deg); }
        diptong.d7{ transform: rotate(0deg); }
        diptong.d8{ transform: rotate(45deg); }


        nondiptong{ display:inline-block;}
        nondiptong::after { content:"\22d6"; }
        nondiptong.d1{ transform: rotate(90deg); }
        nondiptong.d2{ transform: rotate(135deg); }
        nondiptong.d3{ transform: rotate(180deg); }
        nondiptong.d4{ transform: rotate(225deg); }
        nondiptong.d5{ transform: rotate(270deg); }
        nondiptong.d6{ transform: rotate(315deg); }
        nondiptong.d7{ transform: rotate(0deg); }
        nondiptong.d8{ transform: rotate(45deg); }

#        word{letter-spacing:-4px;}
        word::after{ content: " ";}
        syllable{padding:2px;}
        .top{border-top: 1px solid;}
        .bottom{border-bottom: 1px solid;}
        .right{border-right: 1px solid;}