body{margin:0;padding:0;font-size:100%}body footer{text-align:center;padding:0 2em}body footer nav{margin:3em 0 4em;color:#444}body footer nav a{text-decoration:none}body footer nav a+a{margin-left:.8em}body footer nav a:link,body footer nav a:visited{color:#999}body footer nav a:hover{color:#666}body footer nav a.home{color:#333;font-weight:700}body footer nav a.home:hover{color:#000}header{margin:1em}header h1,header h2{display:inline}header nav{display:inline;margin:0 1em;line-height:2.4em}header nav a,header nav span{margin:0 0 0 1em}header nav a{color:#767676}header nav a:hover{text-decoration:underline}header p.description{color:#444;font-size:1.1em;margin-top:.5em;line-height:1.5}header p.meta-note{color:#333;font-style:italic;margin-top:2em}header p.meta-note span{text-transform:uppercase;font-variant:small-caps;font-size:.9em;color:#666;font-style:normal}hr{border:0;height:1px;background:#ccc;max-width:40em;margin:4em auto;text-align:center}textarea,textarea:focus{border:0}input,textarea,textarea:focus{outline:0}textarea{width:100%;resize:none}textarea#editor{position:fixed;top:3em;right:0;bottom:2em;left:0;padding:2em 2em 0 2em;font-size:2em;box-sizing:border-box}#official-writing,#wrapper{margin:1em 2em}#official-writing ul,#wrapper ul{margin:0;padding:0 0 0 1em;line-height:1.5}#official-writing ul.collections,#official-writing ul.integrations,#official-writing ul.posts,#wrapper ul.collections,#wrapper ul.integrations,#wrapper ul.posts{list-style:none;margin-left:1em}#official-writing ul.collections li+li,#official-writing ul.integrations li+li,#official-writing ul.posts li+li,#wrapper ul.collections li+li,#wrapper ul.integrations li+li,#wrapper ul.posts li+li{margin-top:.4em}#official-writing ul.collections li.collection a.title,#wrapper ul.collections li.collection a.title{font-size:1.3em}.clearfix{overflow:auto}.half,.half-col,.third{float:left}.half+.half-col,.half-col+.half-col,.third+.half-col{margin-left:4em}.half{width:50%}.third{width:33%}code,textarea#embed{font-family:monospace,monospace;font-size:1em}#wrapper{max-width:50em}#official-writing h2.minor,#wrapper h2.minor{font-size:1.3em}#official-writing h2.bugfix,#wrapper h2.bugfix{font-size:1.15em}#official-writing h2+.android-version,#wrapper h2+.android-version{margin-top:0;font-size:1.1em}#official-writing h2+.android-version a:hover,#wrapper h2+.android-version a:hover{text-decoration:underline}#beta,.content-container{max-width:50em;margin:0 auto 3em;font-size:1.2em}#beta.tight,.content-container.tight{max-width:30em}#beta.snug,.content-container.snug{max-width:40em}#beta .app+.app,.content-container .app+.app{margin-top:1.5em}#beta .app h2,.content-container .app h2{margin-bottom:.25em}#beta .app p,.content-container .app p{margin-top:.25em}#beta h2.intro,.content-container h2.intro{font-weight:400}#beta p,.content-container p{line-height:1.5}#beta li,.content-container li{margin:.3em 0}#beta h2.light,.content-container h2.light{font-weight:400}#collection-options #description,#collection-options #title{width:100%;box-sizing:border-box}#collection-options .option h2{margin-top:2em;margin-bottom:.5em}#collection-options .option label.option-text.disabled{color:#999}#collection-options .option label.option-text.disabled #domain-alias{border-color:#ccc}#collection-options .option label.option-text.disabled+p{color:#555}#collection-options .option label+p,#collection-options .option p.describe{font-size:.8em;margin-top:.4em;margin-left:1.8em}#collection-options .option input.low-profile{padding:.25rem .5rem;margin-left:.25rem;font-size:.8em}#collection-options .option .fedi-handle{margin-left:.5em;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}body{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif;font-size-adjust:0.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111}body h1 a,body header h2 a{color:#000;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body h1 a:hover,body header h2 a:hover{color:#303030;text-decoration:none}body h1,body h2,body h3{line-height:1.2}body#collection article p,body#post article,body#subpage article p{display:block;unicode-bidi:embed;white-space:pre}body#post #wrapper,body#post pre{max-width:40em;margin:0 auto}body#post #wrapper a:hover,body#post pre a:hover{text-decoration:underline}body#post blockquote p+p{margin:-2em 0 .5em}body#post article{margin-bottom:2em!important}body#post article code,body#post article h1,body#post article h2,body#post article h3,body#post article h4,body#post article h5,body#post article h6,body#post article ol,body#post article p,body#post article ul{display:inline;margin:0}body#post article hr+p,body#post article ol,body#post article ul{display:block;margin-top:-1rem;margin-bottom:-1rem}body#post article ol,body#post article ul{margin:2rem 0 -1rem}body#post article ol ol,body#post article ol ul,body#post article ul ol,body#post article ul ul{margin:1.25rem 0 -.5rem}body#post article li{margin-top:-.5rem;margin-bottom:-.5rem}body#post article h2#title{font-size:1.5em;display:block;margin-top:0;margin-bottom:1em}body#post article h1{font-size:1.5em}body#post article h2{font-size:1.4em}body#post header nav a.pinned.selected,body#post header nav span.pinned.selected{font-weight:700}body#post header nav a.pinned+.views,body#post header nav span.pinned+.views{margin-left:2em}body#post .owner-visible{display:none}body#collection code,body#post code,body#subpage code{background-color:#f8f8f8;border:1px solid #ccc;padding:.2em .4em;font-size:.86em;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}body#collection audio,body#collection img,body#collection video,body#post audio,body#post img,body#post video,body#subpage audio,body#subpage img,body#subpage video{max-width:100%}body#collection audio,body#post audio,body#subpage audio{width:100%;white-space:initial}body#collection pre,body#post pre,body#subpage pre{padding:0;max-width:100%;margin:0;background:#f8f8f8;border:1px solid #ccc;padding:.375em .625em;font-size:.86em;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}body#collection pre code,body#post pre code,body#subpage pre code{background:0 0;border:0;padding:0;font-size:1em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body#collection blockquote,body#post blockquote,body#subpage blockquote{border-left:4px solid #ddd;padding:0 1em;margin:.5em;color:#767676;display:inline-block}body#collection blockquote p,body#post blockquote p,body#subpage blockquote p{display:block;margin:.5em 0}body#collection article hr,body#post article hr,body#subpage article hr{margin-top:0;margin-bottom:0}body#collection article p.badge,body#post article p.badge,body#subpage article p.badge{background-color:#aaa;display:inline-block;padding:.25em .5em;margin:0;float:right;color:#fff;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}body#collection header nav a.pinned+.pinned,body#collection header nav span.pinned+.pinned,body#post header nav a.pinned+.pinned,body#post header nav span.pinned+.pinned,body#subpage header nav a.pinned+.pinned,body#subpage header nav span.pinned+.pinned{margin-left:1.5em}body#collection footer nav a,body#post footer nav a,body#subpage footer nav a{margin-top:0}body#collection #welcome,body#collection .access{margin:0 auto;max-width:35em}body#collection #welcome h2,body#collection .access h2{font-weight:400;margin-bottom:1em}body#collection #welcome p,body#collection .access p{font-size:1.2em;line-height:1.6}body#collection .access{margin:8em auto;text-align:center}body#collection .access h2,body#collection .access ul.errors{font-size:1.2em;margin-bottom:1.5em!important}body#collection header{padding:0 1em;text-align:center;max-width:50em;margin:3em auto 4em}body#collection header .writeas-prefix{display:block;margin-bottom:.5em}body#collection header .writeas-prefix a{color:#aaa}body#collection header nav{display:block;margin:1em 0}body#collection header nav a:first-child{margin:0}body#collection nav#manage{position:absolute;top:1em;left:1.5em}body#collection nav#manage li a.write{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif;padding-top:.2em;padding-bottom:.2em}body#collection pre{line-height:1.5}body#collection .flash{text-align:center;margin-bottom:4em}body#subpage #wrapper h1{font-size:2.5em;letter-spacing:-2px;padding:0 2rem 2rem}body#post pre{font-size:.75em}body#collection #wrapper,body#subpage #wrapper{margin-left:auto;margin-right:auto}body#collection #wrapper article,body#subpage #wrapper article{margin-bottom:4em}body#collection #wrapper article:hover .hidden,body#subpage #wrapper article:hover .hidden{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#collection #wrapper h2,body#subpage #wrapper h2{margin-top:0;margin-bottom:.25em}body#collection #wrapper h2+time,body#subpage #wrapper h2+time{display:block;margin-top:.25em;margin-bottom:.25em}body#collection #wrapper time,body#subpage #wrapper time{font-size:1.1em}body#collection #wrapper time+p,body#subpage #wrapper time+p{margin-top:.25em}body#collection #wrapper footer,body#subpage #wrapper footer{text-align:left;padding:0}body#collection #paging,body#subpage #paging{overflow:visible;padding:1em 6em 0}body#collection a.read-more,body#subpage a.read-more{color:#666}body#me #official-writing h2{font-weight:400}body#me #official-writing h2 a{font-size:.6em;margin-left:1em}body#me #official-writing h2 a[name]{margin-left:0}body#me #official-writing h2 a:link,body#me #official-writing h2 a:visited{color:#00e}body#me #official-writing h2 a:hover{text-decoration:underline}body#promo div.heading{margin:8em 0}body#promo div.attention-form h1,body#promo div.heading h1{font-size:3.5em}body#promo div.attention-form input,body#promo div.heading input{padding-left:.75em;padding-right:.75em}body#promo div.attention-form input[type=email],body#promo div.heading input[type=email]{max-width:16em}body#promo div.attention-form input[type=submit],body#promo div.heading input[type=submit]{padding-left:1.5em;padding-right:1.5em}body#promo h2{margin-bottom:0;font-size:1.8em;font-weight:400}body#promo h2 span.write-as{color:#000}body#promo h2.soon{color:#c3c3c3}body#promo h2.soon span.write-as{color:grey}body#promo h2.soon span.note{color:#b3b3b3;font-variant:small-caps;margin-left:.5em}body#promo .half-col a{margin-left:1em;margin-right:1em}body nav#top-nav{display:inline;position:absolute;top:1.5em;right:1.5em;font-size:.95rem;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;text-transform:uppercase}body nav#top-nav a{color:#777}body nav#top-nav a+a{margin-left:1em}body footer nav a,body footer ul a{display:inline-block;margin-top:.8em;-moz-transition-duration:.1s;-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;text-decoration:none}body footer nav a+a,body footer ul a+a{margin-left:.8em}body footer nav a:link,body footer nav a:visited,body footer ul a:link,body footer ul a:visited{color:#999}body footer nav a:hover,body footer ul a:hover{color:#666;text-decoration:none}body footer a.home{font-weight:700;text-decoration:none}body footer a.home:link,body footer a.home:visited{color:#333}body footer a.home:hover{color:#000}body footer ul{list-style:none;text-align:left;padding-left:0!important;margin-left:0!important}body footer ul .icons img{height:16px;width:16px;fill:#999}img.paid{height:.86em;vertical-align:middle;margin-bottom:.1em}nav#full-nav{margin:0}nav#full-nav .left-side{display:inline-block}nav#full-nav .left-side a:first-child{margin-left:0}nav#full-nav .right-side{float:right}.tool button,nav#full-nav a.simple-btn{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;border:1px solid #ccc!important;padding:.5rem 1rem;margin:0;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em;text-decoration:none}.post-title a:link{color:#333}.post-title a:visited{color:#444}.post-title time,.post-title time a:link,.post-title time a:visited,.post-title+.time{color:#999}.hidden{-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0}a{text-decoration:none}a:hover{text-decoration:underline}a.subdued{color:#999}a.subdued:hover{border-bottom:1px solid #999;text-decoration:none}a.danger{color:#e21d27;font-size:.86em}a.simple-cta{text-decoration:none;border-bottom:1px solid #ccc;color:#333;padding-bottom:2px}a.simple-cta:hover{text-decoration:none}a.action-btn{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;text-transform:uppercase;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em;background-color:red;color:#fff;font-weight:700;padding:.5em .75em}a.action-btn:hover{background-color:#ff1a1a;text-decoration:none}a.hashtag:hover{text-decoration:none}a.hashtag:hover span+span{text-decoration:underline}a.hashtag span:first-child{color:#999;margin-right:.1em;font-size:.86em;text-decoration:none}abbr{border-bottom:1px dotted #999;text-decoration:none;cursor:help}body#collection article p,body#subpage article p{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}#post .alert,#subpage .alert,body#collection article,body#post article,body#subpage #wrapper h1,body#subpage article,pre{max-width:40rem;margin:0 auto}#collection header .alert,#post .alert,#subpage .alert{margin-bottom:1em}#collection header .alert p,#post .alert p,#subpage .alert p{text-align:left;line-height:1.5}body#collection article p.norm,body#collection article p.sans,body#collection article p.wrap,body#post article.norm,body#post article.sans,body#post article.wrap,input#title.norm,input#title.sans,input#title.wrap,pre.norm,pre.sans,pre.wrap,textarea.norm,textarea.sans,textarea.wrap{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.font.norm,body#collection article.norm,body#post article.norm,body#subpage article.norm,input#title.norm,pre.norm,span.norm,textarea.norm{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}.font.sans,body#collection article.sans,body#post article.sans,body#subpage article.sans,input#title.sans,pre.sans,span.sans,textarea.sans{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}.font.code,.font.mono,.font.wrap,body#collection article.code,body#collection article.mono,body#collection article.wrap,body#post article.code,body#post article.mono,body#post article.wrap,body#subpage article.code,body#subpage article.mono,body#subpage article.wrap,input#title.code,input#title.mono,input#title.wrap,pre.code,pre.mono,pre.wrap,span.code,span.mono,span.wrap,textarea.code,textarea.mono,textarea.wrap{font-family:Hack,consolas,Menlo-Regular,Menlo,Monaco,'ubuntu mono',monospace,monospace}.font.code,.font.mono,body#collection article.code,body#collection article.mono,body#post article.code,body#post article.mono,body#subpage article.code,body#subpage article.mono,input#title.code,input#title.mono,pre.code,pre.mono,span.code,span.mono,textarea.code,textarea.mono{max-width:none!important}textarea.section{border:1px solid #ccc;padding:.65em .75em;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}textarea.section.codable{height:12em;resize:vertical}.ace_editor{height:12em;border:1px solid #333;max-width:initial;width:100%;font-size:.86em!important;border:1px solid #ccc;padding:.65em .75em;margin:0;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p.intro{font-size:1.25em;text-align:center}p.upgrade-prompt{font-size:.9em;color:#444}p.text-cta{font-size:1.2em;text-align:center;margin-bottom:.5em}p.text-cta+p{text-align:center;font-size:.7em;margin-top:0;color:#666}p.error{font-style:italic;color:#ecc63c}p.headeresque{font-size:2em}table.classy{width:95%;border-collapse:collapse;margin-bottom:2em}table.classy tr+tr{border-top:1px solid #ccc}table.classy th{text-transform:uppercase;font-weight:400;font-size:95%;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;padding:1rem .75rem;text-align:center}table.classy td{height:3.5rem}table.classy p{margin-top:0!important;margin-bottom:0!important}table.classy.export .disabled{color:#999}table.classy.export .disabled,table.classy.export a{text-transform:lowercase}article table{border-spacing:0;border-collapse:collapse;width:100%}article table th{border-width:1px 1px 2px 1px;border-style:solid;border-color:#ccc}article table td{border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;padding:.25rem .5rem}body#collection article,body#subpage article{padding-top:0;padding-bottom:0}body#collection article .book h2,body#subpage article .book h2{font-size:1.4em}body#collection article .book a.hidden.action,body#subpage article .book a.hidden.action{color:#666;float:right;font-size:1em;margin-left:1em;margin-bottom:1em}#wrapper.archive h1{margin:0!important}#wrapper.archive ul{list-style:none}#wrapper.archive ul li{display:flex;justify-content:space-between;line-height:1.4;margin:.5em 0}#wrapper.archive ul .year{font-weight:700;font-size:1.5em}body#post article p.badge{font-size:.9em}article h2.post-title a[rel=nofollow]::after{content:'\a0 \2934'}table.downloads{width:100%}table.downloads td{text-align:center}table.downloads img.os{width:48px;vertical-align:middle;margin-bottom:6px}select.inputform,textarea.inputform{border:1px solid #999;background:#fff}a.btn,button,input,select.inputform,textarea.inputform{padding:.5em;font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif;font-size:100%;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}a.btn.cta,a.btn.submit,a.btn[type=submit],button.cta,button.submit,button[type=submit],input.cta,input.submit,input[type=submit],select.inputform.cta,select.inputform.submit,select.inputform[type=submit],textarea.inputform.cta,textarea.inputform.submit,textarea.inputform[type=submit]{border:1px solid #7278bf;background:#7278bf;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}a.btn.cta:hover,a.btn.submit:hover,a.btn[type=submit]:hover,button.cta:hover,button.submit:hover,button[type=submit]:hover,input.cta:hover,input.submit:hover,input[type=submit]:hover,select.inputform.cta:hover,select.inputform.submit:hover,select.inputform[type=submit]:hover,textarea.inputform.cta:hover,textarea.inputform.submit:hover,textarea.inputform[type=submit]:hover{background-color:#7d82c4;text-decoration:none}a.btn.cta:disabled,a.btn.submit:disabled,a.btn[type=submit]:disabled,button.cta:disabled,button.submit:disabled,button[type=submit]:disabled,input.cta:disabled,input.submit:disabled,input[type=submit]:disabled,select.inputform.cta:disabled,select.inputform.submit:disabled,select.inputform[type=submit]:disabled,textarea.inputform.cta:disabled,textarea.inputform.submit:disabled,textarea.inputform[type=submit]:disabled{cursor:default;background-color:#999!important;border-color:#999!important}a.btn textarea.error,a.btn.error[type=text],button textarea.error,button.error[type=text],input textarea.error,input.error[type=text],select.inputform textarea.error,select.inputform.error[type=text],textarea.inputform textarea.error,textarea.inputform.error[type=text]{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0}a.btn.danger,button.danger,input.danger,select.inputform.danger,textarea.inputform.danger{border:1px solid #e21d27;background:#e21d27;color:#fff}a.btn.danger:hover,button.danger:hover,input.danger:hover,select.inputform.danger:hover,textarea.inputform.danger:hover{background-color:#e42b34}a.btn textarea.error:focus,a.btn.error[type=text]:focus,button textarea.error:focus,button.error[type=text]:focus,input textarea.error:focus,input.error[type=text]:focus,select.inputform textarea.error:focus,select.inputform.error[type=text]:focus,textarea.inputform textarea.error:focus,textarea.inputform.error[type=text]:focus{box-shadow:0 0 5px #ecc63c;border:1px solid #ecc63c}.btn.pager{border:1px solid #ccc;font-size:.86em;padding:.5em 1em;white-space:nowrap;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}.btn.pager:hover{text-decoration:none;background:#ccc}.btn.cta.secondary,input[type=submit].secondary{background:0 0;color:#7278bf}.btn.cta.secondary:hover,input[type=submit].secondary:hover{background-color:#f9f9f9}.btn.cta.disabled{background-color:#999!important;border-color:#999!important}div.flat-select{display:inline-block;position:relative}div.flat-select select{border:0;background:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0}div.flat-select.action:hover label{text-decoration:underline}div.flat-select.action label,div.flat-select.action select{cursor:pointer}input.underline{border:none;border-bottom:1px solid #ccc;padding:0 .2em .2em;font-size:.9em;color:#333}input.inline{padding:.2rem .2rem;margin-left:0;font-size:1em;border:0!important;border-bottom:1px solid #999!important;width:7em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input[type=email],input[type=password],input[type=tel],input[type=text]{border:1px solid #999}input.boxy{border:1px solid #999!important}#beta,.content-container{max-width:50em;margin:0 auto 3em;font-size:1.2em}#beta.toosmall,.content-container.toosmall{max-width:25em}#beta.tight,.content-container.tight{max-width:30em}#beta.snug,.content-container.snug{max-width:40em}#beta .app+.app,.content-container .app+.app{margin-top:1.5em}#beta .app h2,.content-container .app h2{margin-bottom:.25em}#beta .app p,.content-container .app p{margin-top:.25em}#beta h2.intro,.content-container h2.intro{font-weight:400}#beta p,.content-container p{line-height:1.5}#beta li,.content-container li{margin:.3em 0}#beta h2.light,.content-container h2.light{font-weight:400}#beta h2 a,.content-container h2 a{-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-moz-transition-property:color;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}#beta h2 a:hover,#beta h2 a:link,#beta h2 a:visited,.content-container h2 a:hover,.content-container h2 a:link,.content-container h2 a:visited{color:#444}#beta h2 a:hover,.content-container h2 a:hover{color:#5e5e5e;text-decoration:none}.content-container#pricing button{cursor:pointer;color:#fff;margin-top:1em;margin-bottom:1em;padding-left:1.5em;padding-right:1.5em;border:0;background:#7278bf;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.content-container#pricing button:hover{background-color:#8489c7}.content-container#pricing button.unselected{cursor:pointer}.content-container#pricing h2 span{font-weight:400}.content-container#pricing .half{margin:0 0 1em 0;text-align:center}.content-container div.blurbs>h2{text-align:center;color:#333;font-weight:400}.content-container div.blurbs p.price{font-size:1.2em;margin-bottom:0;color:#333;margin-top:.5em}.content-container div.blurbs p.price+p{margin-top:0;font-size:.8em}.content-container div.blurbs p.text-cta{font-size:1em}footer div.blurbs{display:flex;flex-flow:row;flex-wrap:wrap}div.blurbs .fourth,div.blurbs .half,div.blurbs .third{font-size:.86em}div.blurbs .fourth h3,div.blurbs .half h3,div.blurbs .third h3{font-weight:400}div.blurbs .fourth p,div.blurbs .fourth ul,div.blurbs .half p,div.blurbs .half ul,div.blurbs .third p,div.blurbs .third ul{color:#595959}div.blurbs .fourth hr,div.blurbs .half hr,div.blurbs .third hr{margin:1em 0}div.blurbs .half{padding:0 1em 0 0;width:calc(50% - 1em)}div.blurbs .half+.half{padding:0 0 0 1em}div.blurbs .third{padding:0;width:calc(33% - 1em)}div.blurbs .third+.third{padding:0 0 0 1em}div.blurbs .fourth{flex:1 1 25%;-webkit-flex:1 1 25%}div.blurbs .fourth h3{margin-bottom:.5em}div.blurbs .fourth ul{margin-top:.5em}.contain-me{text-align:left;margin:0 auto 4em;max-width:50em}.contain-me h2+p,.contain-me h2+p+p,.contain-me p.describe-me{margin-left:1.5em;margin-right:1.5em;color:#333}footer.contain-me{font-size:1.1em}#official-writing h2,#official-writing h3,#official-writing h4,#wrapper h2,#wrapper h3,#wrapper h4{color:#444}#official-writing ul.collections,#wrapper ul.collections{padding-left:0;margin-left:0}#official-writing ul.collections h3,#wrapper ul.collections h3{margin-top:0;font-weight:400}#official-writing ul.collections li.collection a.title:link,#official-writing ul.collections li.collection a.title:visited,#wrapper ul.collections li.collection a.title:link,#wrapper ul.collections li.collection a.title:visited{color:#000}#official-writing ul.collections li a.create,#wrapper ul.collections li a.create{color:#444}#official-writing ul.collections+p,#wrapper ul.collections+p{margin-top:2em;margin-left:1em}#official-writing h2.major,#wrapper h2.major{color:#222}#official-writing h2.bugfix,#wrapper h2.bugfix{color:#666}#official-writing h2+.android-version a,#wrapper h2+.android-version a{color:#999}#official-writing h2+.android-version a:hover,#wrapper h2+.android-version a:hover{text-decoration:underline}li{line-height:1.5}li .item-desc,li .prog-lang{font-size:.6em;font-family:'Open Sans',sans-serif;font-weight:700;margin-left:.5em;margin-right:.5em;text-transform:uppercase;color:#999}.success{color:#33ad33}.alert{padding:1em;margin-bottom:1.25em;border:1px solid transparent;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}.alert.info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert.success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert.danger{border-color:#856404;background-color:#fff}.alert.danger h3{margin:0 0 .5em 0;font-size:1em;font-weight:700;color:#000!important}.alert.danger button,.alert.danger h3+p{font-size:.86em}.alert p{margin:0}.alert p+p{margin-top:.5em}.alert p.dismiss{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;text-align:right;font-size:.86em;text-transform:uppercase}ul.errors{padding:0;text-indent:0}ul.errors li.urgent{list-style:none;font-style:italic;text-align:center;color:#ecc63c}ul.errors li.urgent a:link,ul.errors li.urgent a:visited{color:purple}ul.errors li.info{list-style:none;font-size:1.1em;text-align:center}body#pad #target a.upgrade-prompt{padding-left:1em;padding-right:1em;text-align:center;font-style:italic;color:#7278bf}.atoms,body#pad-sub #posts{margin-top:1.5em}.atoms h3,body#pad-sub #posts h3{margin-bottom:.25em}.atoms h3+h4,body#pad-sub #posts h3+h4{margin-top:.25em;margin-bottom:.5em}.atoms h3+h4+p,body#pad-sub #posts h3+h4+p{margin-top:.5em}.atoms h3 .electron,body#pad-sub #posts h3 .electron{font-weight:400;font-size:.86em;margin-left:.75rem}.atoms h3 a,.atoms h4 a,body#pad-sub #posts h3 a,body#pad-sub #posts h4 a{-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-moz-transition-property:color;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.atoms h4,body#pad-sub #posts h4{font-size:.9em;font-weight:400}.atoms .electron,.atoms date,body#pad-sub #posts .electron,body#pad-sub #posts date{margin-right:.5em}.atoms .action,body#pad-sub #posts .action{font-size:1em}.atoms #more-posts p,body#pad-sub #posts #more-posts p{text-align:center;font-size:1.1em}.atoms p,body#pad-sub #posts p{font-size:.86em}.atoms .error,body#pad-sub #posts .error{display:inline-block;font-size:.8em;font-style:italic;color:#ecc63c}.atoms .error strong,body#pad-sub #posts .error strong{font-style:normal}.atoms .error+nav,body#pad-sub #posts .error+nav{display:inline-block;font-size:.8em;margin-left:1em}.atoms .error+nav a+a,body#pad-sub #posts .error+nav a+a{margin-left:.75em}h2 a+.action,h2 time+.action{margin-left:.5em}.action{font-size:.7em;font-weight:400;font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}.action+.action{margin-left:.5em}.action.new-post{font-weight:700}article.moved p{font-size:1.2em;color:#999}span.as{-moz-opacity:0.2;-khtml-opacity:0.2;-webkit-opacity:0.2;opacity:.2;font-weight:400}span.ras{-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:.6;font-weight:400}header nav .username{font-size:2em;font-weight:400;color:#555}header nav#user-nav{margin-left:0}header nav#user-nav .tabs>a.selected,header nav#user-nav>a.selected{cursor:default;font-weight:700}header nav#user-nav .tabs>a.selected:hover,header nav#user-nav>a.selected:hover{text-decoration:none}header nav#user-nav .tabs>a+a,header nav#user-nav>a+a{margin-left:2em}header nav#user-nav a{font-size:1.2em;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}header nav#user-nav a span{font-size:.7em;color:#999;text-transform:uppercase;margin-left:.5em;margin-right:.5em}header nav#user-nav a.title{font-size:1.6em;font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif;font-weight:700}header nav#user-nav nav>ul>li:first-child>a{display:inline-block}header nav#user-nav nav>ul>li:first-child img{position:relative;top:-.5em;right:.3em}header nav#user-nav ul ul{font-size:.8em}header nav#user-nav ul ul a{padding-top:.25em;padding-bottom:.25em}header nav#user-nav li{line-height:1.5}header nav.tabs{margin:0 0 0 1em}header nav+nav.tabs{margin:0}header.singleuser{margin:.5em 1em .5em .25em}header.singleuser nav#user-nav nav>ul>li:first-child img{top:-.75em}header.singleuser .right-side{padding-top:.5em}header .dash-nav{font-weight:700}li#create-collection{display:none}li#create-collection h4{margin-top:0;margin-bottom:0}li#create-collection input[type=submit]{margin-left:.5em}#collection-options .option textarea{font-size:.86em;font-family:Hack,consolas,Menlo-Regular,Menlo,Monaco,'ubuntu mono',monospace,monospace}#collection-options .option .section>p.explain{font-size:.8em}.img-placeholder{text-align:center}.img-placeholder img{max-width:100%}dl.admin-dl-horizontal dt{font-weight:bolder;width:360px}dl.admin-dl-horizontal dd{line-height:1.5}dt{float:left;clear:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}form dd,form dt{padding:.5rem 0}form dt{line-height:1.8}form dd{font-size:.86em;line-height:2}form.prominent{margin:1em 0}form.prominent label{font-weight:700}form.prominent input,form.prominent select{width:100%}form.prominent select{font-size:1em;padding:.5rem;display:block;border-radius:.25rem;margin:.5rem 0}div.row{display:flex;align-items:center}div.row>div{flex:1}.blip,.check{font-size:1.125em;color:#71d571}.ex.failure{font-weight:700;color:#e21d27}@media all and (max-width:450px){body#post header nav .xtra-feature{display:none}}@media all and (min-width:1280px){body#promo div.heading{margin:10em 0}}@media all and (min-width:1600px){body#promo div.heading{margin:14em 0}}@media all and (max-width:900px){.half.big{padding:0!important;width:100%!important}.third{padding:0!important;float:none;width:100%!important}.third p.introduction{font-size:.86em}div.blurbs .fourth{flex:1 1 15em;-webkit-flex:1 1 15em}.blurbs .half p,.blurbs .half ul,.blurbs .third p,.blurbs .third ul{text-align:left}.big,.half-col{float:none;text-align:center}.big+.big,.big+.half-col,.half-col+.big,.half-col+.half-col{margin-top:4em!important;margin-left:0}#beta,.content-container{font-size:1.15em}}@media all and (max-width:600px){div.row:not(.admin-actions){flex-direction:column}.half{padding:0!important;width:100%!important}.third{width:100%!important;float:none}body#promo div.heading{margin:6em 0}body#promo h2{font-size:1.6em}body#promo .half-col a+a{margin-left:1em}body#promo .half-col a.channel{margin-left:auto!important;margin-right:auto!important}ul.add-integrations li{display:list-item}ul.add-integrations li+li{margin-left:0}}@media all and (max-height:500px){body#promo div.heading{margin:5em 0}}@media all and (max-height:400px){body#promo div.heading{margin:0 0}}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (max-width:320px){.content-container#pricing .half{float:none;width:100%}header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media (pointer:coarse){body footer nav a:not(.pubd){padding:.8em 1em;margin-left:0;margin-top:0}article .hidden{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media print{h1{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid}figure,table{page-break-inside:avoid}footer,header{display:none}article#post-body{margin-top:2em;margin-left:0;margin-right:0}hr{border:1px solid #ccc}}.code-block{padding:0;max-width:100%;margin:0;background:#f8f8f8;border:1px solid #ccc;padding:.375em .625em;font-size:.86em;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}pre.code-block{overflow-x:auto}#emailsub{text-align:center}p#emailsub{display:inline-block!important;width:100%;font-style:italic}#subscribe-btn{margin-left:.5em}#org-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;font-size:1.1em;color:#888}#org-nav em,#org-nav strong{color:#000}#org-nav+h1{margin-top:.5em}#org-nav a:hover,#org-nav a:link,#org-nav a:visited{color:#767676}#org-nav a:first-child{margin-right:.25em}#org-nav a.coll-name{font-weight:700;margin-left:.25em}.dropdown-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;line-height:2em}.dropdown-nav span{margin:0}.dropdown-nav .material-icons{vertical-align:sub}.dropdown-nav>ul>li{line-height:1.8;bottom:-.35em}.dropdown-nav ul{display:inline;list-style:none;position:relative;margin:0;padding:0}.dropdown-nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;max-height:30em;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}.dropdown-nav ul ul li{line-height:1.8;display:block;min-width:9em;max-width:16em}.dropdown-nav ul a{display:block;color:#333;text-decoration:none;padding:0 .5em;margin:0;overflow:hidden;white-space:-moz-nowrap;white-space:-nowrap;white-space:-o-nowrap;white-space:nowrap}.dropdown-nav ul a:hover{text-decoration:none}.dropdown-nav ul li{display:inline-block;position:relative;margin:0;padding:0}.dropdown-nav ul li:hover{background:#f6f6f6}.dropdown-nav ul li.open>ul,.dropdown-nav ul li:hover>ul{display:block}.dropdown-nav ul li.selected a,.dropdown-nav ul li.selected a:hover{color:#888}.dropdown-nav ul li.current-user,.dropdown-nav ul li.menu-heading{font-weight:700;padding:0 .5em;color:#000}.dropdown-nav ul li.current-user:hover,.dropdown-nav ul li.menu-heading:hover{background-color:transparent!important}.dropdown-nav ul li.menu-heading{color:#666;font-weight:400;font-size:.8em;padding:.2em .8em;cursor:default;text-align:left}.dropdown-nav ul li hr{margin:.5em .75em}nav#manage{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;line-height:2em}nav#manage span{margin:0}nav#manage .material-icons{vertical-align:sub}nav#manage>ul>li{line-height:1.8;bottom:-.35em}nav#manage ul{display:inline;list-style:none;position:relative;margin:0;padding:0}nav#manage ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;max-height:30em;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}nav#manage ul ul li{line-height:1.8;display:block;min-width:9em;max-width:16em}nav#manage ul a{display:block;color:#333;text-decoration:none;padding:0 .5em;margin:0;overflow:hidden;white-space:-moz-nowrap;white-space:-nowrap;white-space:-o-nowrap;white-space:nowrap}nav#manage ul a:hover{text-decoration:none}nav#manage ul li{display:inline-block;position:relative;margin:0;padding:0}nav#manage ul li:hover{background:#f6f6f6}nav#manage ul li.open>ul,nav#manage ul li:hover>ul{display:block}nav#manage ul li.selected a,nav#manage ul li.selected a:hover{color:#888}nav#manage ul li.current-user,nav#manage ul li.menu-heading{font-weight:700;padding:0 .5em;color:#000}nav#manage ul li.current-user:hover,nav#manage ul li.menu-heading:hover{background-color:transparent!important}nav#manage ul li.menu-heading{color:#666;font-weight:400;font-size:.8em;padding:.2em .8em;cursor:default;text-align:left}nav#manage ul li hr{margin:.5em .75em}nav#manage ul ul li{min-width:11em}nav#manage ul ul li img.ic-18dp{margin-top:-2px}img.ic-18dp{width:18px;height:18px;vertical-align:middle}img.ic-24dp{width:24px;height:24px;vertical-align:middle}body#pad,body#pad-sub{margin:0;padding:0;font-size:100%;font-family:Lora,serif}body#pad header,body#pad-sub header{height:1.6em}body#pad #tools,body#pad-sub #tools{margin:0 0 1em;padding:1em 2em;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#pad #tools:hover,body#pad-sub #tools:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#pad #tools:hover .hidden,body#pad-sub #tools:hover .hidden{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#pad #tools .hidden#wc,body#pad-sub #tools .hidden#wc{position:relative;top:-.15em;font-size:.9em;margin-left:.75em}body#pad #tools h1,body#pad-sub #tools h1{display:inline-block;font-family:Lora,serif;margin:0;font-size:1.5em}body#pad #tools h1 a,body#pad-sub #tools h1 a{color:#fff}body#pad #tools nav,body#pad-sub #tools nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;line-height:2em}body#pad #tools nav span,body#pad-sub #tools nav span{margin:0}body#pad #tools nav .material-icons,body#pad-sub #tools nav .material-icons{vertical-align:sub}body#pad #tools nav>ul>li,body#pad-sub #tools nav>ul>li{line-height:1.8;bottom:-.35em}body#pad #tools nav ul,body#pad-sub #tools nav ul{display:inline;list-style:none;position:relative;margin:0;padding:0}body#pad #tools nav ul ul,body#pad-sub #tools nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;max-height:30em;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}body#pad #tools nav ul ul li,body#pad-sub #tools nav ul ul li{line-height:1.8;display:block;min-width:9em;max-width:16em}body#pad #tools nav ul a,body#pad-sub #tools nav ul a{display:block;color:#333;text-decoration:none;padding:0 .5em;margin:0;overflow:hidden;white-space:-moz-nowrap;white-space:-nowrap;white-space:-o-nowrap;white-space:nowrap}body#pad #tools nav ul a:hover,body#pad-sub #tools nav ul a:hover{text-decoration:none}body#pad #tools nav ul li,body#pad-sub #tools nav ul li{display:inline-block;position:relative;margin:0;padding:0}body#pad #tools nav ul li:hover,body#pad-sub #tools nav ul li:hover{background:#f6f6f6}body#pad #tools nav ul li.open>ul,body#pad #tools nav ul li:hover>ul,body#pad-sub #tools nav ul li.open>ul,body#pad-sub #tools nav ul li:hover>ul{display:block}body#pad #tools nav ul li.selected a,body#pad #tools nav ul li.selected a:hover,body#pad-sub #tools nav ul li.selected a,body#pad-sub #tools nav ul li.selected a:hover{color:#888}body#pad #tools nav ul li.current-user,body#pad #tools nav ul li.menu-heading,body#pad-sub #tools nav ul li.current-user,body#pad-sub #tools nav ul li.menu-heading{font-weight:700;padding:0 .5em;color:#000}body#pad #tools nav ul li.current-user:hover,body#pad #tools nav ul li.menu-heading:hover,body#pad-sub #tools nav ul li.current-user:hover,body#pad-sub #tools nav ul li.menu-heading:hover{background-color:transparent!important}body#pad #tools nav ul li.menu-heading,body#pad-sub #tools nav ul li.menu-heading{color:#666;font-weight:400;font-size:.8em;padding:.2em .8em;cursor:default;text-align:left}body#pad #tools nav ul li hr,body#pad-sub #tools nav ul li hr{margin:.5em .75em}body#pad #tools #clip,body#pad-sub #tools #clip{display:inline-block;margin-top:-.35em}body#pad #tools #belt,body#pad-sub #tools #belt{float:right}body#pad #tools #belt a,body#pad-sub #tools #belt a{padding:1em 1.2em;vertical-align:middle;-moz-opacity:0.75;-khtml-opacity:0.75;-webkit-opacity:0.75;opacity:.75;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}body#pad #tools #belt a:hover,body#pad-sub #tools #belt a:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#pad #tools #belt a.disabled,body#pad #tools #belt a.disabled:hover,body#pad-sub #tools #belt a.disabled,body#pad-sub #tools #belt a.disabled:hover{-moz-opacity:0.3;-khtml-opacity:0.3;-webkit-opacity:0.3;opacity:.3}body#pad #tools #belt a img.ic-24dp,body#pad-sub #tools #belt a img.ic-24dp{vertical-align:bottom}body#pad #tools #belt a .material-icons,body#pad-sub #tools #belt a .material-icons{vertical-align:middle;max-width:24px;overflow:hidden;display:inline-block}body#pad #tools #belt a .material-icons+span,body#pad #tools #belt a img.ic-24dp+span,body#pad-sub #tools #belt a .material-icons+span,body#pad-sub #tools #belt a img.ic-24dp+span{margin-left:.4em;height:24px;vertical-align:bottom}body#pad #tools #belt .tool:last-child a,body#pad-sub #tools #belt .tool:last-child a{padding-right:0}body#pad #tools .tool,body#pad-sub #tools .tool{display:inline-block;margin:0}body#pad #tools .tool#status.doing,body#pad-sub #tools .tool#status.doing{font-style:italic}body#pad #tools .tool button,body#pad-sub #tools .tool button{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;background-color:transparent;padding-top:.25rem;padding-bottom:.25rem;border:0}body#pad-sub .content-container p a:hover{text-decoration:underline}body#pad-sub .content-container p.status{text-align:center;font-size:1.1em}body#pad-sub .content-container p.status:first-child{margin-top:1.5em}body#pad textarea,body#pad textarea:focus{border:0;outline:0}body#pad #title,body#pad textarea{position:fixed!important;top:3em;right:0;bottom:0;left:0;width:100%;height:auto;height:calc(100% - 3em - 1px);padding:1em 2em 2em;font-size:1.2em;letter-spacing:.6px;box-sizing:border-box;resize:none}body#pad #title.classy,body#pad textarea.classy{font-family:Lora,serif;letter-spacing:.7px}body#pad #title.code,body#pad #title.mono,body#pad textarea.code,body#pad textarea.mono{padding-left:1em;padding-right:1em;white-space:-moz-pre;white-space:-pre;white-space:-o-pre;white-space:pre;word-wrap:normal}body#pad #title.norm,body#pad #title.sans,body#pad #title.wrap,body#pad textarea.norm,body#pad textarea.sans,body#pad textarea.wrap{line-height:1.4}body#pad #tools{position:fixed;top:0;left:0;right:0;margin:0;-moz-opacity:0.2;-khtml-opacity:0.2;-webkit-opacity:0.2;opacity:.2}body#pad #tools .mode-wp{font-family:serif}body#pad #tools .mode-typewriter{font-family:"Courier New",monospace;font-size:1em}.modal{display:none;position:absolute;z-index:11;top:3em;left:50%;width:30em;margin-left:-15em;padding:1.5em 2em;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em;background:#fff;border:1px solid #ccc}.modal h2{margin-top:0}.modal input[type=email],.modal input[type=password],.modal input[type=text]{background:0 0;border:0;border-bottom:1px solid #ccc;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}.modal input[type=email]:disabled,.modal input[type=password]:disabled,.modal input[type=text]:disabled{-moz-opacity:0.4;-khtml-opacity:0.4;-webkit-opacity:0.4;opacity:.4}.modal .body{line-height:1.5}.modal .body input[type=text].confirm{width:100%;box-sizing:border-box}.modal .short{text-align:center}.modal .form-hint{font-size:.78em;color:#888}#overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:10}body#pad .alert{position:fixed;bottom:.25em;left:2em;right:2em;font-size:1.1em}body#pad .alert#edited-elsewhere.hidden{display:none}body#pad .alert#edited-elsewhere a{font-weight:700}@media all and (max-height:500px){body#pad textarea{top:2.25em;padding-top:.25em}body#pad.classic #editor{top:5.25em}body#pad.classic #title{top:3.5rem}body#pad #tools{padding-top:.5em;padding-bottom:.5em}}@media all and (min-width:360px){.if-room.room-1,body#pad #tools .if-room.room-1,body#pad-sub #tools .tool.if-room.room-1{display:inline-block}}@media all and (min-width:425px){.if-room.room-2,body#pad #tools .if-room.room-2,body#pad-sub #tools .tool.if-room.room-2{display:inline-block}}@media all and (min-width:510px){.if-room.room-3,body#pad #tools .if-room.room-3,body#pad-sub #tools .tool.if-room.room-3{display:inline-block}}@media all and (max-width:650px){.if-room,body#pad #tools .tool.if-room,body#pad-sub #tools .tool.if-room{display:none}}@media all and (max-width:600px){.modal{margin-left:0;width:auto;left:0;right:0}#user-nav .tabs{display:block;text-align:center;margin:.5em 0 -2em}#user-nav .tabs a:first-child{margin-left:0}#target-name{max-width:98px;display:inline-block}}@media all and (min-width:50em){body#pad #title,body#pad textarea,body#pad.classic #title,body#pad.classic textarea{padding-left:10%;padding-right:10%}body#pad .alert,body#pad.classic .alert{left:10%;right:10%}}@media all and (min-width:60em){body#pad #title,body#pad textarea,body#pad.classic #title,body#pad.classic textarea{padding-left:15%;padding-right:15%}body#pad .alert,body#pad.classic .alert{left:15%;right:15%}}@media all and (min-width:70em){body#pad #title,body#pad textarea,body#pad.classic #title,body#pad.classic textarea{padding-left:20%;padding-right:20%}body#pad .alert,body#pad.classic .alert{left:20%;right:20%}}@media all and (min-width:85em){body#pad #title,body#pad textarea,body#pad.classic #title,body#pad.classic textarea{padding-left:25%;padding-right:25%}body#pad .alert,body#pad.classic .alert{left:25%;right:25%}}@media all and (min-width:105em){body#pad #title,body#pad textarea,body#pad.classic #title,body#pad.classic textarea{padding-left:30%;padding-right:30%}body#pad .alert,body#pad.classic .alert{left:30%;right:30%}}@media (pointer:coarse){body#pad #tools,body#pad-sub #tools{-moz-opacity:0.8;-khtml-opacity:0.8;-webkit-opacity:0.8;opacity:.8}body#pad #tools .hidden,body#pad-sub #tools .hidden{-moz-opacity:0.8;-khtml-opacity:0.8;-webkit-opacity:0.8;opacity:.8}}.pad-theme-transition{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}.atoms h3 a,body#pad-sub #posts h3 a{color:#000}.atoms h3 a:hover,body#pad-sub #posts h3 a:hover{color:#000}.atoms h3 a,.atoms h4 a,body#pad-sub #posts h3 a,body#pad-sub #posts h4 a{color:#000}.atoms h3 a:hover,.atoms h4 a:hover,body#pad-sub #posts h3 a:hover,body#pad-sub #posts h4 a:hover{color:#000}.atoms .electron,.atoms date,body#pad-sub #posts .electron,body#pad-sub #posts date{color:#999}.atoms a,.atoms a.action,body#pad-sub #posts a,body#pad-sub #posts a.action{color:#444}.atoms a.action:hover,.atoms a:hover,body#pad-sub #posts a.action:hover,body#pad-sub #posts a:hover{color:#2b2b2b}body#pad,body#pad-sub{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}body#pad-sub.light,body#pad.light{background-color:#fff;color:#000}body#pad-sub.light #tools,body#pad.light #tools{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s;background-color:transparent}body#pad-sub.light #tools h1 a,body#pad.light #tools h1 a{color:#000}body#pad-sub.light #tools #belt a,body#pad-sub.light #tools #belt button,body#pad.light #tools #belt a,body#pad.light #tools #belt button{color:#000}body#pad-sub.light #tools .tool#status,body#pad.light #tools .tool#status{color:#999}body#pad-sub.light #tools .hidden#wc,body#pad.light #tools .hidden#wc{color:#777}body#pad-sub.light #tools a:active,body#pad-sub.light #tools a:hover,body#pad.light #tools a:active,body#pad.light #tools a:hover{background-color:transparent;color:#444}body#pad-sub.light .modal,body#pad.light .modal{border-color:#ccc;background:#fff}body#pad-sub.dark,body#pad.dark{background-color:#222;color:#fff}body#pad-sub.dark #tools,body#pad.dark #tools{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s;background-color:#262626}body#pad-sub.dark #tools h1 a,body#pad.dark #tools h1 a{color:#fff}body#pad-sub.dark #tools #belt a,body#pad-sub.dark #tools #belt button,body#pad.dark #tools #belt a,body#pad.dark #tools #belt button{color:#fff}body#pad-sub.dark #tools .tool#status,body#pad.dark #tools .tool#status{color:#666}body#pad-sub.dark #tools .hidden#wc,body#pad.dark #tools .hidden#wc{color:#ececec}body#pad-sub.dark #tools a:active,body#pad-sub.dark #tools a:hover,body#pad.dark #tools a:active,body#pad.dark #tools a:hover{background-color:transparent;color:#ccc}body#pad-sub.dark #tools nav>ul>li a,body#pad.dark #tools nav>ul>li a{color:#fff}body#pad-sub.dark #tools nav ul ul,body#pad.dark #tools nav ul ul{background:#393939;border-color:#333}body#pad-sub.dark #tools nav ul li.current-user,body#pad.dark #tools nav ul li.current-user{color:#fff}body#pad-sub.dark #tools nav ul li.selected a,body#pad.dark #tools nav ul li.selected a{color:#777}body#pad-sub.dark #tools nav ul li:hover,body#pad.dark #tools nav ul li:hover{background:#555}body#pad-sub.dark #posts h3 a,body#pad.dark #posts h3 a{color:#fff}body#pad-sub.dark #posts h3 a:hover,body#pad.dark #posts h3 a:hover{color:#e6e6e6}body#pad-sub.dark #posts h3 a,body#pad-sub.dark #posts h4 a,body#pad.dark #posts h3 a,body#pad.dark #posts h4 a{color:#fff}body#pad-sub.dark #posts h3 a:hover,body#pad-sub.dark #posts h4 a:hover,body#pad.dark #posts h3 a:hover,body#pad.dark #posts h4 a:hover{color:#e6e6e6}body#pad-sub.dark #posts a,body#pad-sub.dark #posts a.action,body#pad.dark #posts a,body#pad.dark #posts a.action{color:#ccc}body#pad-sub.dark #posts a.action:hover,body#pad-sub.dark #posts a:hover,body#pad.dark #posts a.action:hover,body#pad.dark #posts a:hover{color:#b3b3b3}body#pad-sub.dark .modal,body#pad.dark .modal{border-color:#333;background:#393939}body#pad-sub.dark .modal input,body#pad.dark .modal input{color:#fff}body#pad-sub.dark .modal .form-hint,body#pad.dark .modal .form-hint{color:#ccc}body#pad-sub.dark .modal a:link,body#pad-sub.dark .modal a:visited,body#pad.dark .modal a:link,body#pad.dark .modal a:visited{color:#8e93cc}body#pad{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}body#pad #title,body#pad textarea{-moz-transition-property:background-color,color;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.25s;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}body#pad.dark #editor,body#pad.dark #title,body#pad.dark textarea{background-color:#222;color:#fff}body#pad.light #editor,body#pad.light #title,body#pad.light textarea{background-color:#fff;color:#000}body.dark nav#top-nav a{color:#ccc}body#post header,body#subpage header{margin:0 auto;padding:1em 2rem;-moz-opacity:0.4;-khtml-opacity:0.4;-webkit-opacity:0.4;opacity:.4;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#post header:hover,body#subpage header:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#post header h1,body#subpage header h1{font-size:1.6em}body#post article h2#title.dated,body#subpage article h2#title.dated{margin-bottom:.5em}body#post article time.dt-published,body#subpage article time.dt-published{display:block;color:#666;margin-bottom:1em}#wrapper.archive ul,.hljs,article,pre{padding:.5em 2rem 1.5em}.hljs,body#post article,pre{font-size:1.2em}p.split{color:#6161ff;font-style:italic;font-size:.86em}#readmore-sell{padding:1em 1em 2em;background-color:#fafafa}#readmore-sell p.split{color:#000;font-style:normal;font-size:1.4em}#readmore-sell .cta+.cta{margin-left:.5em}.hljs{overflow-x:inherit;background:0 0}.effect{-moz-animation-name:fadeIn;-webkit-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn;-moz-animation-duration:.4s;-webkit-animation-duration:.4s;-ms-animation-duration:0.4s;animation-duration:.4s;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.effect.fade-out{-moz-animation-name:fadeOut;-webkit-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut}.del-undo{display:none}@-moz-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-keyframes fadeIn{position:static}100%{opacity:1}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}header.admin{margin:0}header.admin h1+a{margin-left:1em}nav#admin{display:block;margin:.5em 0}nav#admin a{margin-left:0;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em;border:0}nav#admin a.selected{background:#dedede;font-weight:700}nav#admin a.selected .blip{color:#000}nav#admin .blip{font-weight:700}.pager{display:flex;justify-content:center}.pager:not(.pages){display:block;margin:.5em 0}.pager:not(.pages) a{margin-left:0;-webkit-border-radius:0.25em;-moz-border-radius:.25em;border-radius:.25em}.pager:not(.pages) a+a{margin-left:.5em}.pager a{color:#333;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;font-size:.86em;padding:.5em 1em;border:1px solid #ccc}.pager a:hover{text-decoration:none;background:#efefef}.pager a.selected{cursor:default;background:#ccc}.pager.sub{margin:1em 0 2em}.pager.sub a:not(.toggle){border:0;border-bottom:2px transparent solid;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:.5em;margin-left:.5em;margin-right:.5em}.pager.sub a:not(.toggle):hover{color:#7278bf;background:0 0}.pager.sub a:not(.toggle).selected{color:#7278bf;background:0 0;border-bottom-color:#7278bf}.pager.sub a:not(.toggle)+a{margin-left:1em}.pager.sub a.toggle{margin-top:-.5em;float:right}.admin-actions .btn{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;font-size:.86em}.features{margin:1em 0}.features div:first-child{font-weight:700}.features div+div{padding-left:1em}.features div p{font-weight:400;margin:.5rem 0;font-size:.86em;color:#666}@media (max-width:600px){div.row.features{align-items:start}.features div+div{padding-left:0}}.row.signinbtns{justify-content:center;font-size:1em;margin-top:2em;margin-bottom:1em;flex-wrap:wrap}.row.signinbtns .loginbtn{height:40px;margin:.5em}.row.signinbtns .loginbtn.btn{box-sizing:border-box;font-size:17px;white-space:nowrap}.row.signinbtns .loginbtn.btn img{height:1.5em;vertical-align:middle}.row.signinbtns .loginbtn#slack-login img,.row.signinbtns .loginbtn#writeas-login img{margin-top:-.2em}.row.signinbtns .loginbtn#gitlab-login{background-color:#fc6d26;border-color:#fc6d26}.row.signinbtns .loginbtn#gitlab-login:hover{background-color:#fc5c0d;border-color:#fc5c0d}.row.signinbtns .loginbtn#gitea-login{background-color:#2ecc71;border-color:#2ecc71}.row.signinbtns .loginbtn#gitea-login:hover{background-color:#2cc26b;border-color:#2cc26b}.row.signinbtns .loginbtn#generic-oauth-login,.row.signinbtns .loginbtn#gitea-login,.row.signinbtns .loginbtn#gitlab-login,.row.signinbtns .loginbtn#slack-login{font-size:.86em;font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}.row.signinbtns .loginbtn#generic-oauth-login,.row.signinbtns .loginbtn#slack-login{color:#000;background-color:#fff;border-color:#ccc}.row.signinbtns .loginbtn#generic-oauth-login:hover,.row.signinbtns .loginbtn#slack-login:hover{background-color:#f6f6f6}.or{text-align:center;margin-bottom:3.5em}.or p{display:inline-block;background-color:#fff;padding:0 1em}.or hr{margin-top:-1.6em;margin-bottom:0}.or hr.short{max-width:30rem}.error-page{text-align:center;max-width:40em;margin:0 auto}.error-page a:link,.error-page a:visited{text-decoration:none}.error-page a:hover{text-decoration:underline}.error-page p{line-height:1.5}.error-page p.msg{font-size:1.8em}.error-page p.commentary{font-size:1.2em}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:rgba(0,0,0,.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,.26)}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:rgba(255,255,255,.3)}/* Written in 2020 by Natsu

   To the extent possible under law, the author(s) have dedicated all 
   copyright and related and neighboring rights to this software to the 
   public domain worldwide. This software is distributed without any 
   warranty.

   You should have received a copy of the CC0 Public Domain Dedication 
   along with this software. If not, see 
   http://creativecommons.org/publicdomain/zero/1.0 */

html {
    border-top: 8px solid #E8F1E1;
}

body {
    color: #181818;
    background-color: white;
}

/* All text is the same size. Otherwise text in the main page looks too tiny to me*/ 

#collection article p, #post article p, #subpage article p {
    font-size: 1.1rem;
} 

#collection article li, #post article li, #subpage article p {
    font-size: 1.1rem;
} 
#collection article ol, #post article ol, #subpage article p {
    font-size: 1.1rem;
}

body footer {
  background: url(/img/0qZD5r6.gif) repeat-x left bottom;
  padding: 240px 2em 1em 2em;
}

header nav {
    margin: 0 1em 0 0;
}

footer hr {
  display: none;
}

body footer nav {
  margin: 3em 0 1em 0;
}

footer nav::after {
    content: "© 2026 Tuan Nguyen. All rights reserved.";
    white-space: pre-wrap;
    display: block;
}

#blog-title {
    color: #422615;
    white-space: nowrap;
}

#blog-title a {
    background-image: url(/img/header.webp);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 200px;
    height: 200px;
    background-size: 200px;
}

#post #blog-title a, #subpage #blog-title a {
    /* Change size of logo on post and tags pages */
    width: 48px;
    height: 48px;
    background-size: 50px;
}

article h2 {
  margin: -5px 0px 0px 0px;
  padding: 5px 0px 20px 0px;
  line-height: 1.8em;
  text-align: left;
  font-weight: bold;
  width: 110%;
  background: url(/img/yomRpCm.gif) no-repeat;
}

article h2 a:hover {
  text-decoration: none;
}

article .book.e-content::first-letter {
    color: #383838;
    display: inline-block;
    float: left;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 2px 5px 0 0;
}

/* Links inside blog posts */

article a {
    color: #3C7C30;
    text-decoration: none;
}

article a:hover {
  color: #ff6600;
    text-decoration: underline;
}

article .p-name {
    position: relative;
}

p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    border-radius: 8px;
}

#subpage #wrapper h1::before {  content: '#';}

.hashtag {
    font-size: 1.0rem;
    text-align: center;
}

a.hashtag {
  color: #3366ff;
}

a.hashtag:hover {
  color: white;
  background: #3366ff;
  text-decoration: none;
}

.read-more::before {  content: '» ';}

.custom-nav {
    text-align: center;
}

.custom-nav a:link, .custom-nav a:visited, .custom-nav a:hover, .custom-nav a:active {
    color: #108275;
    text-decoration: underline;
}

.custom-nav a:hover, .custom-nav a:active {
    text-decoration: none;
}