HTML{font-size:12px}BODY{margin:0;padding:0;background-color:#FFF;font:16px/1.5 Trebuchet MS, sans-serif;color:#222}A{color:#2a7ae2;text-decoration:underline;transition:all .25s}A:visited{color:#1756a9}A:hover{color:#6da4eb;text-decoration:none}.post__anchor:link,.post__anchor:visited{text-decoration:none;color:#DDD}.post__anchor:hover{color:#2a7ae2}H1,H2,H3,H4,H5{margin:.5em 0}H1{font-size:2rem;line-height:1.4}@media (min-width: 800px){H1{font-size:3.5rem;line-height:1.5}}H1 A,H1 A:visited{text-decoration:none;color:inherit}H1 A:hover{text-decoration:underline}H2{font-size:1.8rem}@media (min-width: 800px){H2{font-size:2.5rem}}.post__title{margin-top:0}.page--index .post__title{display:none}H3{font-size:1.5rem}@media (min-width: 800px){H3{font-size:2rem}}H3 SUP{font-size:.7rem;opacity:.5}H3 SUP:hover{opacity:1}H4{font-size:1.2rem}@media (min-width: 800px){H4{font-size:1.5rem}}H5{font-size:1.25rem}FIGURE{margin:0}IMG{border:1px solid #DDD;max-width:100%;height:auto}OL,UL{padding-left:0}@media (min-width: 600px){OL,UL{padding-left:20px}}@media (min-width: 800px){OL,UL{padding-left:30px}}LI{margin-bottom:.5rem}DL{margin-bottom:2rem}DT{font-weight:bold}LI>DL>DT{font-size:1.1em}DD>DL{margin-top:0.5rem}DD:not(:last-child){margin-bottom:.5rem}OL{counter-reset:list-counter;list-style:none}OL OL{list-style-type:decimal;padding-left:2.4em}@media (min-width: 600px){OL OL{padding-left:3em}}OL>LI{counter-increment:list-counter}OL>LI>H3:before{content:counter(list-counter) ". "}.list--has-numbers{list-style-type:decimal}PRE,CODE{border:1px solid #DDD;border-radius:3px;background-color:#EEE;font-size:15px}CODE{padding:1px 5px}PRE{padding:8px 12px;overflow-x:auto}PRE>code{border:0;padding-right:0;padding-left:0}.language-css,.language-html{font-size:13px}.tip{font-style:italic}.related-project{display:block;max-width:350px;margin-left:auto;margin-right:auto;padding:1rem;border:3px solid #EEE;text-align:center}.related-project__text{position:relative;display:inline-block;margin-left:1.5em}.related-project__text::before{content:'\1F4D6';position:absolute;left:-1.5em;line-height:1.6}.wrapper{min-width:300px;max-width:1200px;margin:0 auto;padding:0 2rem 3rem;box-sizing:border-box}.site-content{clear:both}.site-content:before,.site-content:after{content:"";display:table;width:100%}@media (max-width: 1000px){.site-content{display:flex;flex-direction:column}.main{order:1}.aside{margin-bottom:2rem}.page--index .main{order:0;margin-bottom:2rem}.page--index .aside{margin-bottom:0}}@media (min-width: 1000px){.main{float:left;width:100%;padding-right:320px;box-sizing:border-box}.aside{position:sticky;top:20px;float:right;margin-left:-300px;width:280px;padding-top:1rem}}.site-header{margin-bottom:2em;padding-bottom:1.5rem;border-bottom:3px solid #EEE;clear:both}.site-header:before,.site-header:after{content:"";display:table;width:100%}.site-footer{margin-top:3rem;padding-top:1.5rem;border-top:3px solid #EEE;clear:both}.site-footer:before,.site-footer:after{content:"";display:table;width:100%}@media (min-width: 1000px){.page-nav{margin-bottom:2rem}}.page-nav__title{font-weight:bold;font-size:1.25rem}.page-nav__list{font-size:.9em}OL.page-nav__list{list-style-type:decimal}.page-nav__item--current A{font-weight:bold;text-decoration:none;color:inherit}.footnotes{margin:2rem 0 0;padding-top:1rem;border-top:1px solid #DDD;list-style-type:decimal;font-size:.9em;color:#777}.footnotes__item{float:left;clear:both;padding:.3rem .5rem}.footnotes__item:target{background:lemonchiffon}.socials{display:flex;list-style-type:none;margin:0;padding:0}.socials__item{margin-right:1rem;margin-bottom:0}.socials__icon{transition:all .25s}.socials__icon--github{color:#000}.socials__icon--github:hover{color:gray}.socials__icon--twitter{color:#1da1f2}.socials__icon--twitter:hover{color:#7dc9f8}.socials__icon svg{display:block;width:1.4em;height:1.4em}@media (min-width: 800px){.socials__icon svg{width:1.2em;height:1.2em}}.socials__icon path{fill:currentColor}.socials__username{display:none}@media (min-width: 600px){.site-nav{display:flex;justify-content:space-between;align-items:center}}.site-nav__list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;line-height:2}@media (max-width: 600px){.site-nav__list{margin-bottom:1.5rem}}.site-nav__item{margin:0 2rem 0 0;padding:0}.site-nav__item--current A{text-decoration:none;font-weight:bold;color:inherit}.compare{margin:0 -10px;padding:0;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap}.compare__item{flex-grow:1;margin:0 10px 20px;display:flex;flex-direction:column}.compare__item--bad .compare__title,.compare__item--bad .highlight{background:#ffaa80}.compare__item--good .compare__title,.compare__item--good .highlight{background:#b8ff70}.compare__title{align-self:flex-start;margin:0;padding:5px 15px 0;border-radius:10px 10px 0 0;font-weight:normal;text-transform:uppercase;font-size:12px;line-height:1}.compare__item .highlight{padding:0 5px;box-sizing:border-box;border-radius:0 10px 10px 10px}.compare__item .language-css{margin-top:5px;margin-bottom:5px;border:0;font-size:.85em}