:root{--purple: #4d007f;--blue: #26b4bb;--mid-blue: #3a5a9d;--purple-light: rgba(77, 0, 127, 0.25);--blue-light: rgba(38, 180, 187, 0.25);--color-text: #2c3e50;--color-text-light: var(--background-color);--background-color: #f7f9f9;--background-color-alt: #eff2f2;--background-blue: #d5e1e1;--gradient: linear-gradient(160deg, var(--purple) 20%, var(--blue));--gradient-light: linear-gradient(120deg, var(--purple-light) 40%, var(--blue-light));--padding: 1.2rem;--anti-padding: calc(-1 * var(--padding))}:root{--gradient: linear-gradient( 160deg, var(--purple) 20%, #0071c0 50%, var(--blue) 90% )}:root{--text-size-base: 2rem;--text-size-scale: 1.2;--text-xxs: calc(var(--text-xs) / var(--text-size-scale));--text-xs: calc(var(--text-sm) / var(--text-size-scale));--text-sm: calc(var(--text-md) / var(--text-size-scale));--text-md: calc(var(--text-size-base));--text-lg: calc(var(--text-md) * var(--text-size-scale));--text-xl: calc(var(--text-lg) * var(--text-size-scale));--text-xxl: calc(var(--text-xl) * var(--text-size-scale));--text-xxxl: calc(var(--text-xxl) * var(--text-size-scale));--text-xxxxl: calc(var(--text-xxxl) * var(--text-size-scale));--text-smaller: calc(1em / var(--text-size-scale));--text-larger: calc(1em * var(--text-size-scale));--font-display: Avenir, Helvetica, Arial, sans-serif;--font-body: Avenir, Helvetica, Arial, sans-serif}@media screen and (min-width: 37.5em){:root{--text-size-base: 2.2rem}}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--text-md);font-family:var(--font-body);color:var(--color-text);line-height:1.4}h1,h2,h3,h4,h5,h6{line-height:1.2;font-family:var(--font-display)}h1{font-size:var(--text-xxxl)}h2{font-size:var(--text-xxl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md);font-weight:bold}h6{font-size:var(--text-md);text-decoration:underline}p{margin:0}*:not(header)+p{margin:1em 0}a:link,a:visited{color:var(--mid-blue)}a:hover,a:focus{color:var(--blue)}a:active,a.router-link-exact-active{color:var(--purple)}code{font-size:var(--text-sm)}code,pre{padding:.05em .2em;max-width:calc(100vw - var(--padding)*2);border-radius:.2em;background:rgba(0,0,0,.15)}pre{padding:.5em;white-space:pre;word-break:break-all;overflow-x:auto}pre>code{padding:0;border-radius:0;background:none}small{font-size:var(--text-xs)}blockquote{padding:.5em 0 .5em .5em;background-color:var(--blue-light);border-left:5px solid var(--blue)}blockquote>*:first-child{margin-top:0em}blockquote>*:first-child{margin-bottom:0em}.svg-inline--fa{height:var(--text-md);vertical-align:middle}acronym,dfn{font-style:italic;cursor:help}dfn{text-decoration:underline dotted}input{padding:.1em .25em;font-size:var(--text-sm);accent-color:var(--blue);border:.1em solid var(--mid-blue);border-radius:.2em}input:focus{border-color:var(--blue);outline:.15em solid var(--blue-light)}button,input[type=button],input[type=submit],input[type=reset],.btn{padding:.1em .25em;font-size:var(--text-sm);color:var(--color-text);accent-color:var(--blue);border:.1em solid var(--mid-blue);border-radius:.2em;background:var(--background-blue);box-shadow:.05em .05em .1em var(--blue)}.intro{margin:1em 0;font-size:var(--text-xl)}header>time,.continue{display:block;text-align:right;font-size:var(--text-smaller);font-style:italic}article>header{margin-bottom:.5em}article hr:not(.footnotes-sep){margin:2em auto;width:75%}section>nav{display:flex;justify-content:space-between}section>nav>a:only-child{margin-left:auto}.footnotes-sep{margin-top:1em;margin-bottom:1em}.footnotes{font-size:var(--text-xs)}.footnote-ref>a{display:inline-flex;align-items:center;justify-content:center;transform:translateY(-0.25em);padding-top:1px;width:calc(1.1em + 1px);font-size:var(--text-xs);line-height:1.1em;color:var(--mid-blue);text-decoration:none;background:var(--gradient-light);border-radius:2em}.footnote-ref>a:hover{color:var(--color-text-light);background:var(--gradient)}picture{display:block;text-align:center}.float-left,.float-right{float:left;margin-bottom:0;margin-right:1em}.float-right{float:right;margin-left:1em}.page-blog main>header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.page-blog main>header h1{margin:.25em 0}@media screen and (min-width: 48em){.page-blog main>header{flex-direction:row}.page-blog main>header h1{margin:revert}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color)}body::before{content:"";position:fixed;display:block;top:0;left:0;height:var(--padding);width:100%;background-image:var(--gradient)}body>header,body>main,body>footer{padding:var(--padding)}body>header{padding-top:calc(var(--padding)*1.5)}body>header>nav ul{display:flex;margin:0;padding:0;list-style:none}body>header>nav ul>li{margin-right:2em;font-weight:bold}body>header>nav ul>li:first-child{margin-right:auto}body>header>nav ul>li:last-child{margin-right:0}.skiplink{position:absolute;opacity:0}.skiplink:focus{opacity:1;left:50%;transform:translateX(-50%);background:var(--background-color)}main{margin:1em auto 0;max-width:60ch}hr{max-width:90%;border:0;height:.1rem;background:var(--gradient)}@media screen and (min-width: calc(48em + 5rem)){hr{max-width:none;margin:0 calc(5*var(--anti-padding))}}figure{margin:1em 0}figure>picture{line-height:0}figure>figcaption{padding:.25em;font-size:var(--text-smaller);text-align:center;border-bottom:1px solid}img{max-width:100%;height:auto}footer{position:relative;margin-top:auto;padding:var(--padding);text-align:center;background-color:#fff}footer::before{content:"";position:absolute;display:block;top:0;left:0;height:1px;width:100%;background:var(--gradient)}footer a{margin:0 .25em;padding:.25em}.contains-task-list{list-style:none}.contains-task-list [type=checkbox]{width:2em;height:2em}