.pinyin.flat{color:#1e9606}.pinyin.rising{color:#c96411}.pinyin.falling-rising{color:#0465c0}.pinyin.falling{color:#9105aa}.pinyin.neuter{color:#646464}@import"https://fonts.bunny.net/css?family=crimson-pro:400,700";@import"https://fonts.bunny.net/css?family=signika:400,700";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Signika,sans-serif}strong{font-weight:700}em{font-style:italic}a,a:visited{color:#2a7ae2;text-decoration:none}a:hover,a:visited:hover{color:#1756a9}.composition .title,.page-title{display:block;text-align:center;font-weight:700;margin-top:.5em;margin-bottom:.9em;font-size:2em}.about-page{padding:1em;font-family:Arial,sans-serif;font-size:1.15em;line-height:1.4em}.about-page h2{display:block;font-weight:700;font-size:1.5em;margin-top:1.5em;margin-bottom:1em}.about-page p{margin-bottom:.5em}.about-page ul{list-style:disc;list-style-position:inside}.about-page ul li{margin-bottom:.5em}.not-found-page{padding:.5em;font-size:2em;display:flex;justify-content:center;flex-direction:column}.not-found-page p{text-align:center;margin-bottom:1em}.layout{display:flex;flex-flow:column wrap;position:absolute;width:100%;height:100%}.layout header{background:linear-gradient(180deg,#9fd8ef,#dcf1f9 65%,#fff);padding-top:.5em;display:flex;flex-flow:row nowrap;align-items:center;padding-bottom:.5em}.layout header .logo-banner{display:inline-flex;align-items:center;margin-left:.8em;margin-right:1em}.layout header .logo-banner img{width:3em;margin-right:.2em}.layout header .logo-banner .title{display:inline-block;font-weight:700;font-size:2.4em;color:#1756a9}.layout header .logo-banner .title:hover{color:#2a7ae2}.layout header .menu{display:flex}.layout header .menu .button{padding:.5em;border-radius:50px;background:transparent;color:#1756a9;border:1px solid #465e7d;font-style:italic}.layout header .menu .button:not(:last-child){margin-right:.75em}.layout header .menu .sections:hover{background:#fcffc0}.layout header .menu .about:hover{background:#c0ffc2}.layout .main{flex:1 1;overflow-y:auto}.layout footer{background:#fff;text-align:center;font-size:.8em;padding-bottom:.4em}.sections-page{display:flex}.sections-page .sections.list{display:flex;flex-flow:row wrap;justify-content:center}.sections-page .sections.list .section-cover{display:inline-flex;flex-flow:column nowrap;text-align:center;width:28%;height:3em;margin:1em 1em 2em;padding:.8em}.sections-page .sections.list .section-cover .name{display:block;font-size:1.4em;flex:1 1}.sections-page .sections.list .section-cover .composition-count{display:block;font-style:italic;color:silver}.compositions.list{padding-left:1em;text-align:center}.compositions.list .composition-cover{margin-top:1.5em;margin-bottom:1.5em}.compositions.list .composition-cover time{display:block;font-size:.9em;font-style:italic;color:silver;margin-bottom:.2em}.compositions.list .composition-cover .title{font-family:Crimson Pro,serif;font-size:1.6em;font-weight:700}.composition .title{font-family:Crimson Pro,serif}.composition p{font-family:Times New Roman,serif;margin-bottom:1.5em;text-align:center;font-weight:300;font-style:italic;line-height:1.5em;font-size:1.3em}.composition .non-latin{font-style:normal}.composition rt{font-size:.75em}.composition sup{font-size:.65em;vertical-align:super}@media screen and (max-width:992px){.layout header .logo-banner{margin-right:.5em}.layout header .menu .button{padding-top:.4em;padding-bottom:.4em}.layout header .menu .button:hover{background:transparent}.layout header .menu .button:not(:last-child){margin-right:.2em}.sections-page .sections.list{display:flex;flex-flow:row wrap}.sections-page .sections.list .section-cover{width:90%;height:3em;margin-bottom:0}.composition .title{font-size:1.5em}.composition p{font-size:.95em}}