body,html{padding:0;margin:0;font-family:Chalkboard,Chalkboard SE,Comic Sans MS,Yuanti SC,sans-serif}[lang=en]{font-family:Chalkboard,Chalkboard SE,Comic Sans MS,sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}.container{min-height:100vh;margin:0 auto;padding:0 .75rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.header{margin:1.5rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.header span{font-size:.875rem;text-decoration:none;line-height:1;font-family:Yuanti SC,sans-serif}.header a,.header span{color:#293c45}.header a:visited{color:#83208f}.title{font-family:Yuanti SC,sans-serif;font-size:1.75rem;color:#293c45;margin:0 1.5rem 0 0;line-height:1.5}.sub-title{letter-spacing:.16em}.section{margin:0 0 2rem}.section-title{font-size:1.5rem;margin:1.5rem 0}.section-title,.section-title [lang=en]{font-weight:400;font-family:Yuanti SC,sans-serif}.section-title [lang=en]{display:block;font-size:.875rem;margin:.25rem 0 0}.section-title.consonant{color:#533357}.section-title.rhyme{color:#293c45}.section-title.syllable{color:#503f05}.sub-section-title{font-size:1rem;font-weight:400;margin:0 0 1rem;color:#293c45;font-family:Yuanti SC,sans-serif}.sub-section-title [lang=en]{margin:.25rem 0 .5rem;display:block;font-size:.75rem;font-family:Yuanti SC,sans-serif}.alphabets-list{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:0}.alphabet-container{position:relative;width:5.45rem;height:3rem;padding-bottom:.5rem;margin:0 0 1.5rem;display:inline-flex;align-items:center;justify-content:space-around;background:transparent;text-align:center}.alphabet-container .four-line-score{position:absolute;top:0;left:0;width:100%;height:100%;border-top:2px solid #f4def9;border-bottom:2px solid #f4def9}.alphabet-container .four-line-score.consonant{border-top-color:#f4def9;border-bottom-color:#f4def9}.alphabet-container .four-line-score.consonant:after,.alphabet-container .four-line-score.consonant:before{background:#f7e8fb}.alphabet-container .four-line-score.rhyme{border-top-color:#cee7f6;border-bottom-color:#cee7f6}.alphabet-container .four-line-score.rhyme:after,.alphabet-container .four-line-score.rhyme:before{background:#e3f5fb}.alphabet-container .four-line-score.syllable{border-top-color:#f6edcf;border-bottom-color:#f6edcf}.alphabet-container .four-line-score.syllable:after,.alphabet-container .four-line-score.syllable:before{background:#fcf7e9}.alphabet-container .four-line-score:before{content:"";position:absolute;top:1rem;left:0;height:2px;width:100%;margin-top:-2px;background:#f7e8fb;z-index:-1}.alphabet-container .four-line-score:after{content:"";position:absolute;top:2rem;left:0;height:2px;width:100%;margin-top:-2px;background:#f7e8fb;z-index:-1}.alphabet-container .alphabet{font-size:2.125rem;font-weight:400;line-height:1;margin-top:2px}.alphabet-container .alphabet.consonant{color:#533357}.alphabet-container .alphabet.rhyme{color:#293c45}.alphabet-container .alphabet.syllable .consonant{color:#83208f}.alphabet-container .alphabet.syllable .rhyme{color:#3b97bf}.alphabet-container .alphabet.reduce-kerning{letter-spacing:-.05em}footer p{color:#293c45;font-family:Yuanti SC,sans-serif}@media(min-width:768px){.container{max-width:90%}.header{margin:1.5rem 0}.alphabet-container{width:6rem}}@media(min-width:1280px){.container{max-width:1200px}}@media(min-width:1440px){.container{max-width:1280px}}