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}@font-face{font-family:Roboto;src:url("../fonts/Roboto-Regular.ttf") format("truetype");font-weight:normal}@font-face{font-family:Roboto;src:url("../fonts/Roboto-Bold.ttf") format("truetype");font-weight:bold}@font-face{font-family:SourceCodePro;src:url("../fonts/SourceCodePro-Regular.ttf") format("truetype");font-weight:normal}:root{--font-color:#516174;--font-color-light:#93a0af;--font-color-dark:#394451;--font:Roboto,Helvetica,sans-serif;--font-monospace:SourceCodePro,monospace;--color-foreground:#f6f6f6;--color-background:#ebebeb;--border-radius:0.2rem}html{color:var(--font-color);font-family:var(--font);font-size:14px}@media (min-width:775px){body{display:grid;grid:0fr 1fr / 75vw 25vw;grid-template-areas:"header header" "main nav"}header{grid-area:header;float:left;padding:0.5rem 2.5rem}main{grid-area:main;display:flex;flex-direction:column;margin:1.5rem 0 1rem 2.5rem}nav{grid-area:nav;margin:1.5rem 2.5rem 1rem 2rem;padding:2rem}img#nav_btn{display:none}}@media (max-width:775px){main{margin:1rem}header{margin:1rem;padding:0.5rem 2rem;border-radius:var(--border-radius)}nav{display:none;margin:0.5rem 1rem 0;padding:1rem 2rem;text-align:center}nav.active{display:block}nav h1{font-size:1rem;font-weight:bold}nav li{font-size:1.5rem}nav a{display:block}img#nav_btn{width:1.75rem;margin-right:0.3rem;vertical-align:sub;cursor:pointer}}@media (max-width:500px){span.date{display:none}}body{height:100vh;background-color:var(--color-background)}h1{margin:1rem 0 0.5rem;font-size:1.5rem;font-weight:300}h1:first-child{margin-top:0}p,li{line-height:1.5}p{margin:0.5rem 0}a{color:var(--font-color-light);text-decoration:none}a:hover{color:var(--font-color)}header{font-size:1.5rem;font-weight:bold;background-color:var(--color-foreground)}header a{font-weight:300}main{padding:2rem 2rem 0.5rem;background-color:var(--color-foreground);border-radius:var(--border-radius)}main>section{flex-grow:1}article{margin:2rem 0}article:first-child{margin:0}nav{background-color:var(--color-foreground);border-radius:var(--border-radius)}footer{padding-top:0.5rem;color:var(--font-color-light);font-size:0.75rem;text-align:right;background-color:var(--color-foreground)}table{margin:1rem 0;line-height:2}th,td{padding:0 0.5rem}th{text-align:left;font-weight:bold;border-bottom:1px solid var(--font-color)}div.info{margin:0.3rem 0;color:var(--font-color-light);font-size:0.875rem;font-style:italic}div.sourceCode{padding:0.5rem 0;background-color:var(--color-background);border-radius:var(--border-radius)}code.sourceCode>span{padding:0 0.5rem}