html{height:100%;box-sizing:border-box}figure{margin:0;padding:0}body{font-family:"Space Mono",monospace,"Helvetica Neue",Helvetica,Arial,cursive;font-size:18px;font-weight:400;color:rgba(0,0,0,0.8);line-height:1.8;text-rendering:optimizeLegibility;margin:0;padding:0;overflow-x:hidden;background:white}h1,h2,h3,h4,h5,h6{font-family:"Work Sans","Helvetica Neue",Helvetica,Arial,sans-serif}a{text-decoration:none;color:#3d8fd1}a:hover{color:rgba(0,0,0,0.8)}img{max-width:100%;vertical-align:middle;border-radius:5px}blockquote{color:#666;border-left:4px solid #3d8fd1;padding-left:15px;font-style:italic}blockquote>:last-child{margin-bottom:0}.highlighter-rouge{font-family:inherit}pre,code{border-radius:3px;border:1px solid #3d8fd1}code{padding:1px 5px;font-size:0.8em}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.menu-container{position:fixed;width:5rem;height:5rem;overflow:hidden;left:0;top:0;transition-delay:.3s}.menu{position:relative;width:10rem;height:10rem;background-color:#3d8fd1;border-radius:100%;transform:translate(-50%, -50%);transition:all .3s}#hamburger{display:none}#label-ham{position:fixed;width:10rem;height:10rem;border-radius:100%;transform:translate(-50%, -50%);z-index:2;cursor:pointer;tap-highlight-color:transparent}#label-ham:before{content:"";position:absolute;top:65%;left:65%;width:1em;height:0.15em;background:white;box-shadow:0 0.25em 0 0 white, 0 0.5em 0 0 white;transform:scale(2)}#hamburger:checked ~ .menu-container{width:250px;height:100%;transition-delay:0s}@media screen and (max-width: 80%){#hamburger:checked ~ .menu-container{width:250px}}#hamburger:checked ~ .menu-container .menu{width:250vh;height:250vh;transition:all .3s}.menu-container .links{position:absolute;left:143px;width:100%;top:359px;z-index:3;transform:translate(-50%, -50%);text-align:left}@media screen and (max-width: 80%){.menu-container .links{left:165px}}.menu-container .links a{display:block;color:white;font-size:26px;text-decoration:none;margin:2rem 0rem}@media screen and (max-width: 80%){.menu-container .links a{font-size:18px;margin:3rem 0rem}}.menu-container .links a:hover{color:#eee}.menu-container .links h1{display:block;color:white;font-size:26px;text-decoration:none;margin:1rem 0rem}@media screen and (max-width: 80%){.menu-container .links h1{font-size:18px;margin:2rem 0rem}}.menu-container .links h1:hover{color:#eee}.content{max-width:80%;transition:all .2s;transition-delay:.1s;margin:0 auto}@media screen and (max-width: 80%){.content{padding:1rem 1rem;font-size:1em}}.content p{margin-bottom:1em}#hamburger:checked ~ .content{padding-left:300px;transition:all .2s;transition-delay:0s}h1.site-title{font-size:70px;display:inline-block;margin:0.2em 0 1em 0;text-transform:uppercase;background:transparent;color:rgba(0,0,0,0.8)}@media screen and (max-width: 80%){h1.site-title{font-size:60px;margin:0.1em 0 0.5em 0}}header{text-align:center}.post-index{display:table;margin:1rem 0rem}.post-index .post-content p{line-height:1.5em;margin-bottom:0.1em}.post-index .post-image{padding-right:1.4em;padding-top:1em}.post-index .post-image i{font-size:3em}.post-index .post-detail{color:gray;font-size:0.8em;font-style:italic}.post-index a:hover{color:#3d8fd1}.post-index .post-image,.post-index .post-content{display:table-cell;vertical-align:top}.list{border-bottom:1px solid #ddd}.post-index-title{font-size:1.2em;font-weight:bold;margin-bottom:0}.post-title{display:table}.logo,.title{display:table-cell;vertical-align:middle;color:#3d8fd1}.logo h2,.title h2{font-size:1.8em;margin-bottom:0;font-family:"Space Mono",monospace,"Helvetica Neue",Helvetica,Arial,cursive}@media screen and (max-width: 80%){.logo h2,.title h2{font-size:1.5em}}.logo time,.title time{font-style:italic;font-size:0.8em;color:#666}.logo{font-size:400%;padding-right:0.5em}@media screen and (max-width: 80%){.logo{font-size:200%}}.video{width:100%;height:360px}@media screen and (max-width: 80%){.video{height:160px}}footer{text-align:center;padding:2em 0}