@charset "UTF-8";

@font-face {
font-family: 'Mongolian White';
src:local('Mongolian White'), url('mnglwhiteaat.ttf') format('truetype');
src:local('Mongolian White'), url('mnglwhiteotf.ttf') format('truetype');
}

.mongolian-white{
    margin: 2px 1px 0px 1px;
    padding: 0px;
    font-family: 'Mongolian White';
    font-size : 20px;
    -moz-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -o-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-text-orientation: sideways-right;
    text-justify: inter-ideograph;
    text-align:right;
}

.mongolian-band {
    min-height:420px;
    height:70vh;
    margin: 4px;
    padding: 4px;
    overflow: auto;
    font-family: "Mongolian White", "Noto Sans Mongolian", "Noto Sans Mongolian WF", "Mongolian Baiti", sans-serif;
    font-size: 20px;
    -moz-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -o-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-text-orientation: sideways-right;
    text-justify: inter-ideograph;
    text-align:justify;
}