html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:Arial,Tahoma,Helvetica,FreeSans,sans-serif;padding:0;margin:0;background:linear-gradient(180deg,#f9e0a3 0px,#fcf1d6 400px,#f8dd99 400px,#f8dd99 100%);font-size:12px}a{text-decoration:none;color:#d66611}a:visited{color:#888897}a:hover{color:#f90}.content{background:#fefefe;width:960px;padding:10px;margin:30px auto 40px;display:grid;grid-template-areas:"header header" "main sidebar" "footer footer";grid-template-columns:1fr 310px;grid-template-rows:auto auto;grid-gap:20px}.content img{max-width:100%;height:auto}.content header{width:100%;height:180px;background:linear-gradient(180deg,#d68541 0%,#d07326 50%,#ce6b18 70%,#cc6611 100%);color:#fefefe;padding-bottom:1px;grid-area:header}.content header .title-wrapper{padding:22px 30px}.content header .title-wrapper a{color:#fefefe}.content header .title-wrapper h1{text-shadow:1px 2px 3px rgba(0,0,0,.2);font-size:5em;margin-bottom:10px;line-height:normal}.content header .description-wrapper{padding:0 30px;margin-bottom:25px}.content header .description-wrapper h2{font-size:1.4em;margin:.5em 0 10px;padding:0 2px;font-weight:100;line-height:1.4}.content main{grid-area:main;display:flex;flex-direction:column;padding:30px;padding-top:10px}.content main article:not(:last-of-type){margin-bottom:25px}.content main article h3{font-size:.9em;font-weight:700}.content main article h2{font-size:1.9em;margin:.75em 0 0}.content main article section{font-size:1.1em;line-height:1.4;margin:1.3em 0}.content main article section blockquote{margin:30px 40px}.content main article section p:not(:first-of-type){margin:30px 0}.content main article footer{margin:20px -2px 0;padding:5px 10px;color:#666;background-color:#f9f9f9;border-bottom:1px solid #eee;font-size:.9em;display:flex;flex-direction:column;justify-content:center}.content main article footer a{border-bottom:1px dotted #d66611}.content main article footer a:visited{border-color:#888897}.content main article footer a:hover{border-color:#f90}.content main article footer .comments-link{margin-left:15px}.content main article footer div{margin-top:.5em;line-height:1.6}.content main>footer{grid-area:footer;margin:42px 0 1em;text-align:center;font-size:1em}.content aside{grid-area:sidebar;width:310px;padding:11px 14px;margin:0 0 20px;border-left:1px solid #eee;display:grid;grid-template-areas:"about about" "search search" "popular popular" "archive archive" "labels space";grid-template-rows:320px 50px auto auto 1fr}.content aside h3{font-size:1.2em;margin:0 0 10px}.content aside ul{list-style:none;padding:0;margin:0}.content aside ul li{margin:0 0 10px;padding:0}.content aside section{padding:0 15px}.content aside section h3{font-size:.9em;font-weight:700;margin-bottom:11px}.content aside section.about{grid-area:about}.content aside section.about img{float:left;width:80px;padding:2px;box-sizing:content-box;border:1px solid #eee;box-shadow:1px 1px 5px rgba(0,0,0,.1);margin:0 .75em .5em 0}.content aside section.about .author{background-image:url(https://www.blogger.com/img/logo-16.png);background-repeat:no-repeat;padding-left:20px;margin-right:.5em;line-height:1.4;font-weight:700;min-height:20px;display:inline-block}.content aside section.about p{line-height:1.4;margin-bottom:.5em}.content aside section.search{grid-area:search}.content aside section.search h3{font-size:11px}.content aside section.search form{display:flex;align-items:center}.content aside section.search form input{flex-basis:176px;height:15px;box-sizing:content-box;border:1px solid #ddd;padding:1px 6px}.content aside section.search form input:disabled{background-color:#fff;cursor:text}.content aside section.search form button{flex-basis:5%;margin-left:2px}.content aside section.popular{grid-area:popular;margin-top:24px}.content aside section.popular h3{font-size:.917em}.content aside section.popular ul{padding-left:1.25em}.content aside section.popular ul .popular-post{min-height:100px;padding:.7em 0;margin-bottom:0}.content aside section.popular ul .popular-post .title{padding-bottom:.2em;line-height:1.2}.content aside section.popular ul .popular-post img{box-sizing:content-box;margin:0 5px 5px 0;width:72px;padding-right:.4em;float:left}.content aside section.popular ul .popular-post .summary{line-height:1.2}.content aside section.navigation{grid-area:navigation;margin-top:50px}.content aside section.navigation ul li{list-style:disc}.content aside section.archive{grid-area:archive;height:auto;margin:30px 0}.content aside section.archive .zippy{color:#999;text-shadow:2px 2px 1px rgba(0,0,0,.1);cursor:pointer}.content aside section.archive li{margin:0}.content aside section.archive .year-list{margin:.25em 0;padding:.25em 0;padding-left:15px;text-indent:-15px}.content aside section.archive .month-list{margin:.25em 0;padding:.25em 0;padding-left:1.2em;text-indent:-15px}.content aside section.archive .month-list .month{margin:.25em 0;padding:.25em 0}.content aside section.archive .article-list{margin:0;padding:0}.content aside section.archive .article-list .article{margin:.25em 0;padding:.25em 0;padding-left:1.3em;text-indent:-15px}.content aside section.labels{padding-right:15px;border-right:1px solid #eee;grid-area:labels}.content aside section.labels ul li{list-style:disc;margin-left:15px}.content section.comments{padding-top:20px;display:flex;flex-direction:column;position:relative}.content section.comments h3{font-size:1.2em;font-weight:700;margin:0 0 10px}.content section.comments h3 a{color:#000}.content section.comments textarea{width:100%;height:100px;margin:10px 0;padding:10px;border:1px solid #ddd}.content section.comments button{margin:10px 0;padding:10px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer}.content section.comments button:hover{background-color:#f0f0f0}.content section.comments .load-comments{margin-top:20px;align-self:center;cursor:pointer}.content section.comments .confirmation{position:absolute;top:55px;width:100%;height:50px;display:flex;justify-content:center;align-items:center;background-color:#61a77c;color:#fff;border:1px solid #ddd;opacity:0;pointer-events:none}.content section.comments .confirmation.show{animation:show-confirmation 3s;animation-fill-mode:forwards}@keyframes show-confirmation{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}.content section.comments .loading-text{text-align:center;align-self:center;margin-top:20px;margin-bottom:10px}.content section.comments .loading-relief{align-self:center;position:relative}.content section.comments .loading-relief img{max-width:100%}.content section.comments .loading-relief .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content section.comments .loading-relief .loader{width:16px;height:16px;border-radius:50%;display:block;margin:15px auto;background:#fff;box-shadow:-24px 0 #FFF,24px 0 #FFF;box-sizing:border-box;animation:shadowPulse 2s linear infinite}@keyframes shadowPulse{33%{background:#fff;box-shadow:-24px 0 #FF3D00,24px 0 #FFF}66%{background:#ff3d00;box-shadow:-24px 0 #FFF,24px 0 #FFF}100%{background:#fff;box-shadow:-24px 0 #FFF,24px 0 #FF3D00}}.hidden{display:none}.strikethrough{text-decoration:line-through}