body {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:90svh;
}

body {
    background-color:oklch(0.9462 0.0258 101.11);
}

div#screen_name{
    font-family: "AmericanScribe";
    font-size: 28pt;
    text-align: end;
    margin-bottom: 0.25em;
}

.biography {
    padding: 30px;
    &:lang(en){
        font-family: Garamond;
        font-size: 16pt;
        text-align: center;
        font-variant-ligatures: common-ligatures;
    }
    &:is(:lang(zh),:lang(cmn),:lang(lzh)){
        font-family: TsukuMinOld;
        font-size: 14pt;
        line-height: 2.3em;
        text-orientation: upright;
        /*font-variant-east-asian: full-width;*/
        font-variant-east-asian: jis04;
        i.name {
            font-style: normal;
            font-size: 70%;
        }
        dominant-baseline: hanging;
        writing-mode:vertical-rl;
    }
}

i.name {
    font-style: italic;
}






@font-face {
  font-family: "AmericanScribe";
  font-style: normal;
  src:url("fonts/American Scribe Regular.woff2");
}

@font-face {
  font-family: "Garamond";
  font-style: normal;
  src:url("fonts/EBGaramond-VariableFont_wght.woff2");
}
@font-face {
  font-family: "Garamond";
  font-style: italic;
  src:url("fonts/EBGaramond-Italic-VariableFont_wght.woff2");
}


@font-face {
  font-family: "TsukuMinOld";
  font-weight: 400;
  src:url("fonts/FOT-TsukuAOldMinPr6N-R.woff2");
}
@font-face {
  font-family: "TsukuMinOld";
  font-weight: 500;
  src:url("fonts/FOT-TsukuAOldMinPr6N-M.woff2");
}