:root{
    --border:black;
}
#unicode-explanation-output{
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-color: red;
    text-align: center;
}

.glyph-explanation{
    border: 1px solid var(--border);
    display: inline-block;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.displayed-glyph{
    border-bottom: 1px solid var(--border); 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: aquamarine;
}
.codepoint-as-glyph{
}

.codepoint{

      padding:0.5em;
}


.bytes{
      padding:0.5em;
}

.codepoint-name{
        border-bottom: 1px solid var(--border);

      padding:0.5em;
}

.single-point-explanation{
    display: inline-block;
    border: 1px solid var(--border);
}