@font-face {
    font-family: 'Noto Color Emoji';
    src: url("./NotoColorEmoji.ttf") format('truetype');
}

.emoji {
    font-family: 'Noto Color Emoji';
}

/* code blocks */

code {
   display: block;
   white-space: pre;
}

table.grammar td:last-child {
    text-align: right;

}

table.grammar td:nth-child(3) {
    text-align: left;
}
table.grammar td {
    text-align: center;
}

div.inferblock {
    display: flex;
    flex-flow: row wrap;
    justify-content:space-around;
    align-items: center;
    align-content: space-between;
}
div.inferblock div.infer {
    display:inline-block;
    flex: 0 1 auto;
    text-align:center;
}
div.infer div {
    display:inline-block;
    text-align:center;
    margin: 0;
}

div.infer hr {
    margin: 0;
    border-style: none;
    border-top-style: solid;
    border-top-width: 2pt;
}

dl.def dt:after,
dl.def2 dt:after,
dl.codelist dt:after {
    content: " : ";
}

dl.def2 > dt {
    display: inline-block;
    float:left;
    padding-right: 0.5em;
}

dl.def2 > dd {
    display: block;
    clear: right;
}

table.rounded {
    border-collapse: separate;
    border-spacing: 0.5em 0.5em ;
}
.rounded td {
    padding: 0.5em 0 0.5em 0;

    text-align: center;
    vertical-align:top;
    border-style:solid;
    border-color: #696968;
    border-width: 2pt;
    border-radius: 0.5em;
}
.rounded tr {
    display:table-row;
    width: 100%;
    margin: 1em;
}

table.btable {
    border-collapse: collapse;
}

.btable td {
    border: solid 1pt #696968;
}

.css3:after {
    content:"CSS3";
    color:white;
    background: #0a64a4;
    border-radius:0.25em;
    font-size:small;
    margin: 0.25em;
    padding:0.1em;
}

div.twocol {
    width:23rem;
    position:absolute;
    top:5em;
}

div.twocol > div:first-child {
    display:inline-block;
    width:50%;
    position:absolute;
    box-sizing:border-box;
    padding: 0 1em;
    border-style:dashed;
    border-width: 0 1pt 0 0;
    border-color:gray;
    left: 0pt;
    top:0pt;
}

div.twocol > div:last-child {
    display:inline-block;
    width:50%;
    position:absolute;
    box-sizing:border-box;
    padding: 0 0em 0 0em;
    vertical-align:text-top;
    right: 0pt;
    top:0pt;
}
table.desc {
    width: 100%;
    padding: 0% 4% 0% 4%;
    margin: 0 0 0 0;
}

table.desc tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}
table.desc td {
    vertical-align: top;
    text-align: justify;
    margin: 0 0 0 0;
}

table.desc td:first-child {
    font-weight:bold;
}
table.desc-code td:nth-child(2) {
  font-family: monospace;
}
table.desc td:first-child:after {
    content: " : ";
}

table.simple {
    table-layout:fixed;
    padding: 0 4% 0 4%;
    text-align:left;
    border-spacing: 2em 0;
}

table.simple th {
 font-weight: x-bold;
 text-align:left;
}
table.simple th,
table.simple tr {
    vertical-align:top;
}