@font-face{font-family:Seravek;font-style:normal;font-weight:normal;src:url(/static/seravek/regular.woff) format('woff');}@font-face{font-family:Seravek;font-style:normal;font-weight:bold;src:url(/static/seravek/bold.woff) format('woff');}@font-face{font-family:Seravek;font-style:italic;font-weight:normal;src:url(/static/seravek/italic.woff) format('woff');}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:normal;src:url(/static/sharetech/mono.woff) format('woff');}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}ul{list-style:none}a{color:black;text-decoration:none;transition:color 0.2s}b,i,u{font-weight:normal;font-style:normal;text-decoration:none}sup{line-height:0}img{display:block}body{background-color:white;color:black;font:15px/20px "Seravek","Roboto","Segoe UI","Ubuntu",Helvetica,Arial,sans-serif;position:relative;cursor:default;text-rendering:optimizeLegibility}code{font-family:"Share Tech Mono", "Menlo", "Consolas", "Ubuntu Mono", "Monospace",  monospace;letter-spacing:1px}h1{font-size:30px;font-weight:normal;letter-spacing:-1px;white-space:nowrap;overflow:hidden}h2{font-size:22px}h3{font-size:17px}.content{width:87.5%;max-width:512px;margin:0 auto}.menu{height:35px;line-height:35px;padding-top:25px}.menu ul{overflow:hidden}.menu li{display:block;float:left;margin-right:15px}.menu li:last-child{margin-right:0}.menu a{display:block;color:gray}.menu li.selected a{color:lightseagreen;border-bottom:gray 5px solid}.header{background-color:silver;color:white;line-height:70px;height:70px;padding-top:30px}.main{padding:30px 0}.footer{font-size:13px;color:silver;text-align:right;padding-bottom:30px}.footer a{color:gray}.footer a:hover{color:black}.list li{margin-bottom:30px}.list li:last-child{margin-bottom:0}.list h2 a:hover{color:gray}.list p{margin-top:10px}.list p a{color:lightseagreen}.list p a:hover{color:coral}.list .date{color:gray}.list .quote{color:gray}.list .project{margin-top:5px;color:silver}.list .project.first{margin-top:10px}.list .project img{float:left;padding:2px;margin-right:10px}.list .project i{color:gray}.list .grid img{width:100%;height:auto;margin-top:1px}.list .grid img:first-child{margin-top:0}.list li ul{margin-top:10px}.list li ul li{margin-top:5px;margin-bottom:0;white-space:nowrap;overflow:hidden}.list li ul li a{color:black}.list li ul li a:hover{color:lightseagreen}.list li ul li b,.list li ul li i{float:left;width:40px;color:silver}.list li ul li span{color:silver}.list li ul li sup{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:silver}.post img{width:100%;height:auto}.post p,.post h4{margin-bottom:10px}.post p a,.post h4 a{color:lightseagreen}.post p a:hover,.post h4 a:hover{color:coral}.post ul,.post ol{margin-bottom:10px;margin-left:40px}.post ul li,.post ol li{margin-bottom:5px}.post ul{list-style:square}.post blockquote{color:gray;margin-left:40px;position:relative}.post blockquote:before{content:open-quote;font-size:45px;position:absolute;top:10px;left:-40px;color:coral}.post blockquote:after{content:close-quote;visibility:hidden;position:absolute}.post .caption{font-size:13px;color:gray}.post .highlight{background-color:whitesmoke;color:gray;padding:5px 15px;font-size:13px;margin:10px 0;border-left:whitesmoke 5px solid}.post .highlight pre{white-space:pre-wrap}.grid{overflow:hidden}.grid img.one,.grid img.two{width:50%;width:calc(50% - 1px);height:auto;float:left;transition:width 0.2s}.grid img.one.large{width:100%}.grid img.two{float:right}.grid img.ten{width:100%;height:auto;padding-top:2px}.detail{color:lightseagreen;font-size:13px;padding:10px 0;overflow:hidden}.detail b{margin:-10px 0;padding:5px 0;border-top:coral 5px solid;border-bottom:white 5px solid;display:block;float:left;margin-right:20px;color:gray}.buttons{overflow:hidden;height:30px;margin:20px 0}.buttons li{display:block;float:left}.buttons a{background-color:white;padding:5px 10px;color:lightseagreen;display:block;float:left;box-shadow:inset 0 -1px 0 whitesmoke;transition:box-shadow 0.2s}.buttons a:hover{box-shadow:inset 0 -1px 0 lightseagreen}.buttons a sup{color:coral}.meta{border-top:whitesmoke 1px solid;margin-top:15px;padding-top:15px;color:silver;font-size:13px}.meta b{text-transform:capitalize}.meta a{color:gray}.meta a:hover{color:black}.handle:after{content:" at ";color:silver}.domain:after{content:" dot ";color:silver}