@media(prefers-color-scheme: light){.dark-only{display:none}}@media(prefers-color-scheme: dark){.light-only{display:none}}:root{color-scheme:light dark}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}figure{margin:0}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:normal normal normal 1rem/1.6 -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem}body{color:light-dark(#63462C, #FCD7AD);background:light-dark(#FCD7AD, #63462C);font-size:1rem}p,ol,ul,dl,table{margin:0 0 1.5rem 0}ul li ul{margin-bottom:0}ol li ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{margin:1.5rem 0;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.2;color:light-dark(#220000, #fafafa)}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin:1.5rem 0}h6{margin:0}h6:not(:first-child){margin:.5rem 0}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:2rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}@media(min-width: 600px){h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:2.5rem}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:light-dark(#4F6D7A, #82DDF0);text-decoration:none}a:hover,a:active,a:focus{color:light-dark(#e0e1e6, #fafafa);text-decoration:underline}mark{background:#ffeea8;padding:0 .2rem}blockquote{margin:0 0 1.5rem 0;border-left:16px solid #e0e1e6;padding:0 1.5rem;font-size:1.5rem}blockquote cite{display:block;margin-top:1.5rem;font-size:1rem;text-align:right}pre{border:0;border-radius:4px;background:rgba(0,0,0,0);padding:1rem;tab-size:2;color:light-dark(#63462C, #FCD7AD);font-family:Menlo,monospace;font-size:14px;margin:0 0 1.5rem 0}pre code{font-family:Menlo,monospace;line-height:1.2}kbd{background-color:#f3f3f3;border:1px solid #d2d2d2;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;color:#414141;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff}:not(pre)>code{color:light-dark(#63462C, #FCD7AD);background:rgba(0,0,0,0);font-family:Menlo,monospace;font-size:14px;padding:0 .2rem;border:1px solid #d2d2d2;border-radius:4px}hr{height:0;border:0;border-top:1px solid #d2d2d2}dt{font-weight:600}dd{margin-bottom:.5rem}.full-container{max-width:100%;padding:0 1rem}.container,.medium-container,.small-container{max-width:1200px;padding:0 1rem;margin-left:auto;margin-right:auto}.small-container{max-width:800px}.medium-container{max-width:1000px}.content-section{padding:30px 0}@media(min-width: 600px){.content-section{padding:60px 0}}.flex-small,.flex-large{padding-left:1rem;padding-right:1rem}.flex-row{margin-left:-1rem;margin-right:-1rem}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap}.flex-small,.flex-large{flex-basis:100%;margin-bottom:1rem}@media(min-width: 600px){.flex-small{flex:1;margin-bottom:0}.flex-small.half{flex:0 0 50%}.flex-small.one-fourth{flex:0 0 25%}.flex-small.three-fourths{flex:0 0 75%}.flex-small.one-third{flex:0 0 33.3333333333%}.flex-small.two-thirds{flex:0 0 66.6666666667%}}@media(min-width: 1000px){.flex-large{flex:1;margin-bottom:0}.flex-large.half{flex:0 0 50%}.flex-large.one-fourth{flex:0 0 25%}.flex-large.three-fourths{flex:0 0 75%}.flex-large.one-third{flex:0 0 33.3333333333%}.flex-large.two-thirds{flex:0 0 66.6666666667%}}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */.clearfix::before,.clearfix::after{content:" ";display:block}.clearfix:after{clear:both}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.vertical-center{display:flex;align-items:center;justify-content:center}.responsive-image{max-width:100%;height:auto}.show{display:block !important}.hide{display:none !important}.invisible{visibility:hidden}.no-padding-top{padding-top:0}.no-padding-bottom{padding-bottom:0}.padding-top{padding-top:2rem}.padding-bottom{padding-bottom:2rem}.no-margin-top{margin-top:0}.no-margin-bottom{margin-bottom:0}.margin-top{margin-top:2rem}.margin-bottom{margin-bottom:2rem}.alternate-background{background:light-dark(#63462C, #FCD7AD);color:light-dark(#FCD7AD, #63462C)}.alternate-background h1,.alternate-background h2,.alternate-background h3,.alternate-background h4,.alternate-background h5,.alternate-background h6{color:light-dark(#fafafa, #220000)}.alternate-background .striped-table tbody tr:nth-child(odd){background-color:light-dark(#414141, #d2d2d2);color:light-dark(#f3f3f3, #414141)}.alternate-background caption{color:light-dark(#797979, #797979)}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.contrast-bg-dark{background-color:rgba(40,40,40,.7)}.contrast-bg-light{background-color:rgba(255,255,255,.7)}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}[data-transform=rotate-90]{display:inline-block;transform:rotate(-90deg);position:absolute}.site-wrapper{transition:all .3s ease}.h-wrap,.off-canvas,footer{padding:1.5rem}body[data-layout=home] main #content .posts li:hover p,body[data-layout=home] main #content .posts li article{text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body[data-layout=home] main #content .posts li time{text-shadow:3px 3px 0 #666,2px 3px 0 #999,5px 5px 0 #333}@starting-style{.slow-reveal{opacity:0}.slow-hide{opacity:1}}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */.button,a.button,button,[type=submit],[type=reset],[type=button],[type=image]{-webkit-appearance:none;display:inline-block;border:1px solid #0366ee;border-radius:4px;background:#0366ee;color:#fff;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;text-transform:none;padding:.75rem 1.25rem;margin:0 0 .5rem 0;vertical-align:middle;text-align:center;cursor:pointer;text-decoration:none;line-height:1}.button:hover,a.button:hover,button:hover,[type=submit]:hover,[type=reset]:hover,[type=button]:hover,[type=image]:hover{border:1px solid #0250bc;background:#0250bc;color:#fff;text-decoration:none}.button:focus,.button:active,a.button:focus,a.button:active,button:focus,button:active,[type=submit]:focus,[type=submit]:active,[type=reset]:focus,[type=reset]:active,[type=button]:focus,[type=button]:active,[type=image]:focus,[type=image]:active{border:1px solid #0250bc;background:#0250bc;color:#fff;text-decoration:none}.button::-moz-focus-inner,a.button::-moz-focus-inner,button::-moz-focus-inner,[type=submit]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=image]::-moz-focus-inner{border:0;padding:0}.accent-button,a.accent-button{color:#fff;border:1px solid #29de7d;background:#29de7d}.accent-button:hover,.accent-button:focus,.accent-button:active,a.accent-button:hover,a.accent-button:focus,a.accent-button:active{color:#fff;border:1px solid #1cb864;background:#1cb864}.muted-button,a.muted-button{background:rgba(0,0,0,0);border:1px solid #d2d2d2;color:light-dark(#535353, #9f9f9f)}.muted-button:hover,.muted-button:focus,.muted-button:active,a.muted-button:hover,a.muted-button:focus,a.muted-button:active{color:light-dark(#535353, #9f9f9f);border:1px solid #868686;background:rgba(0,0,0,0)}.round-button,a.round-button{border-radius:40px}.square-button,a.square-button{border-radius:0}[type=image]{background:none;padding:0;border:none;filter:brightness(110%)}[type=image]:hover{border:none;background:none;filter:brightness(90%) contrast(120%)}[type=image]:active{transform:translate(2px, 2px)}.full-button,a.full-button{display:block;width:100%}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],[type=week],[type=time],select,textarea{display:block;border:1px solid #d2d2d2;border-radius:4px;padding:.75rem;outline:none;background:rgba(0,0,0,0);margin-bottom:.5rem;font-size:1rem;width:100%;max-width:100%;line-height:1}[type=color]:hover,[type=date]:hover,[type=datetime]:hover,[type=datetime-local]:hover,[type=email]:hover,[type=month]:hover,[type=number]:hover,[type=password]:hover,[type=search]:hover,[type=tel]:hover,[type=text]:hover,[type=url]:hover,[type=week]:hover,[type=time]:hover,select:hover,textarea:hover{border:1px solid #b9b9b9}[type=color]:focus,[type=color]:active,[type=date]:focus,[type=date]:active,[type=datetime]:focus,[type=datetime]:active,[type=datetime-local]:focus,[type=datetime-local]:active,[type=email]:focus,[type=email]:active,[type=month]:focus,[type=month]:active,[type=number]:focus,[type=number]:active,[type=password]:focus,[type=password]:active,[type=search]:focus,[type=search]:active,[type=tel]:focus,[type=tel]:active,[type=text]:focus,[type=text]:active,[type=url]:focus,[type=url]:active,[type=week]:focus,[type=week]:active,[type=time]:focus,[type=time]:active,select:focus,select:active,textarea:focus,textarea:active{border:1px solid light-dark(#4F6D7A, #82DDF0);box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px light-dark(#8cbcfe, white)}textarea{overflow:auto;height:auto}fieldset{border:1px solid #d2d2d2;border-radius:4px;padding:1rem;margin:1.5rem 0}fieldset div{margin-bottom:1.5rem}legend{padding:0 .5rem;font-weight:600}select{color:light-dark(#63462C, #FCD7AD);-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJBAMAAADN8WE8AAAAJ1BMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB9YSk7AAAADXRSTlPXABaehSjPsTwKw2xUcKPlSQAAADtJREFUCNdjMGBgYGAWBAKGACCLFcwSAbIcwSyhBAY2RTBLcAMDtyCENYthJZQlw3AQyhIsF4SxOiAsAFMMCKPY35E7AAAAAElFTkSuQmCC) right center no-repeat;line-height:1}select::-ms-expand{display:none}[type=range]{width:100%}[type=color]{inline-size:2rem;block-size:2rem;padding:0}[type=date]{max-width:15rem;text-align:center;padding:.5rem .75rem .5rem 0}label{font-weight:600;max-width:100%;display:block;margin:1rem 0 .5rem}@media(min-width: 600px){.split-form{display:flex;flex-direction:row;align-items:center}.split-form label{text-align:right;padding:0 .5rem}.split-form label,.split-form input{display:inline-block;margin:0}}input.has-error,input.has-error:hover,input.has-error:focus,input.has-error:active,select.has-error,select.has-error:hover,select.has-error:focus,select.has-error:active,textarea.has-error,textarea.has-error:hover,textarea.has-error:focus,textarea.has-error:active{border:1px solid #d33c40;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #f4cecf}input.is-success,input.is-success:hover,input.is-success:focus,input.is-success:active,select.is-success,select.is-success:hover,select.is-success:focus,select.is-success:active,textarea.is-success,textarea.is-success:hover,textarea.is-success:focus,textarea.is-success:active{border:1px solid #29de7d;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #97efc0}input:placeholder,select:placeholder,textarea:placeholder{color:light-dark(#9f9f9f, #ececec)}::-webkit-input-placeholder,::-moz-placeholder,:-moz-placeholder,:-ms-input-placeholder{color:light-dark(#9f9f9f, #ececec)}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}thead th{border-bottom:2px solid #d2d2d2}tfoot th{border-top:2px solid #d2d2d2}td{border-bottom:1px solid #d2d2d2}th,td{text-align:left;padding:.5rem}caption{padding:1rem 0;caption-side:bottom;color:light-dark(#797979, #ababab)}.striped-table tbody tr:nth-child(odd){background-color:light-dark(#f3f3f3, #ababab);color:light-dark(#414141, #414141)}.contain-table{overflow-x:auto}@media(min-width: 600px){.contain-table{width:100%}}.pagination{overflow:hidden;margin-top:40px;color:var(--link-color);text-align:center;display:flex;flex-direction:row}.pagination a,.pagination span{box-sizing:border-box;width:50%;padding:20px;text-decoration:none}.pagination a:first-child,.pagination span:first-child{text-decoration:none}.pagination a:hover{text-decoration:none;background-color:hsl(var(--smoke-color), var(--sat), 5%)}@font-face{font-family:"icomoon";src:url("/assets/fonts/icomoon.eot");src:url("/assets/fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icomoon.woff") format("woff"),url("/assets/fonts/icomoon.ttf") format("truetype"),url("/assets/fonts/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}.icon-bsky,.icon-github,.icon-dribbble,.icon-instagram{font-family:"icomoon";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-bsky:before{content:""}.icon-github:before{content:""}.icon-dribbble:before{content:""}.icon-instagram:before{content:""}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */.highlight{border:1px solid light-dark(#63462C, #FCD7AD);border-radius:16px;padding:0;background-color:#000;font-size:100%;margin:0 auto;overflow-x:auto;color:light-dark(#63462C, #FCD7AD)}.highlight>.highlight{border:none}@media(min-width: 910px){.highlight{margin-left:-3em}}.highlight pre{padding:1rem;margin:0;overflow:visible}.highlight table,.highlight tbody,.highlight td{margin:0;border:none}div.highlight,pre.highlight{margin-left:0}pre.highlight{margin-top:.5rem;margin-bottom:.5rem}code{font-family:"Courier",monospace;font-size:100%;line-height:1.5}:root{--color-dark-gray: #788E95;--color-light-gray: #B3C1C1;--color-chartreuse: #95A910;--color-rust: #DB5B26;--color-turquoise: #3AB1A8;--color-red: #EC423F;--color-blue: #369BE2;--color-tan: #C59910}.highlight .c{color:var(--color-dark-gray)}.highlight .err{color:var(--color-light-gray)}.highlight .g{color:var(--color-light-gray)}.highlight .k{color:var(--color-chartreuse)}.highlight .l{color:var(--color-light-gray)}.highlight .n{color:var(--color-light-gray)}.highlight .o{color:var(--color-chartreuse)}.highlight .x{color:var(--color-rust)}.highlight .p{color:var(--color-light-gray)}.highlight .cm{color:var(--color-dark-gray)}.highlight .cp{color:var(--color-chartreuse)}.highlight .c1{color:var(--color-dark-gray)}.highlight .cs{color:var(--color-chartreuse)}.highlight .gd{color:var(--color-turquoise)}.highlight .ge{color:var(--color-light-gray);font-style:italic}.highlight .gr{color:var(--color-red)}.highlight .gh{color:var(--color-rust)}.highlight .gi{color:var(--color-chartreuse)}.highlight .go{color:var(--color-light-gray)}.highlight .gp{color:var(--color-light-gray)}.highlight .gs{color:var(--color-light-gray);font-weight:bold}.highlight .gu{color:var(--color-rust)}.highlight .gt{color:var(--color-light-gray)}.highlight .kc{color:var(--color-rust)}.highlight .kd{color:var(--color-blue)}.highlight .kn{color:var(--color-chartreuse)}.highlight .kp{color:var(--color-chartreuse)}.highlight .kr{color:var(--color-blue)}.highlight .kt{color:var(--color-red)}.highlight .ld{color:var(--color-light-gray)}.highlight .m{color:var(--color-turquoise)}.highlight .s{color:var(--color-turquoise)}.highlight .na{color:var(--color-light-gray)}.highlight .nb{color:var(--color-tan)}.highlight .nc{color:var(--color-blue)}.highlight .no{color:var(--color-rust)}.highlight .nd{color:var(--color-blue)}.highlight .ni{color:var(--color-rust)}.highlight .ne{color:var(--color-rust)}.highlight .nf{color:var(--color-blue)}.highlight .nl{color:var(--color-light-gray)}.highlight .nn{color:var(--color-light-gray)}.highlight .nx{color:var(--color-dark-gray)}.highlight .py{color:var(--color-light-gray)}.highlight .nt{color:var(--color-blue)}.highlight .nv{color:var(--color-blue)}.highlight .ow{color:var(--color-chartreuse)}.highlight .w{color:var(--color-light-gray)}.highlight .mf{color:var(--color-turquoise)}.highlight .mh{color:var(--color-turquoise)}.highlight .mi{color:var(--color-turquoise)}.highlight .mo{color:var(--color-turquoise)}.highlight .sb{color:var(--color-dark-gray)}.highlight .sc{color:var(--color-turquoise)}.highlight .sd{color:var(--color-light-gray)}.highlight .s2{color:var(--color-turquoise)}.highlight .se{color:var(--color-rust)}.highlight .sh{color:var(--color-light-gray)}.highlight .si{color:var(--color-turquoise)}.highlight .sx{color:var(--color-turquoise)}.highlight .sr{color:var(--color-red)}.highlight .s1{color:var(--color-turquoise)}.highlight .ss{color:var(--color-turquoise)}.highlight .bp{color:var(--color-blue)}.highlight .vc{color:var(--color-blue)}.highlight .vg{color:var(--color-blue)}.highlight .vi{color:var(--color-blue)}.highlight .il{color:var(--color-turquoise)}footer{width:100%;bottom:0;left:0;text-align:center}footer small{text-transform:uppercase}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */header{width:100%;background:var(--header-bg-color)}.h-wrap #mountains{max-height:64px;position:relative;top:10px}.h-wrap h1.title{display:inline-block;margin:0;padding:0;font-weight:normal}.h-wrap h1.title a{color:var(--text-color);text-decoration:none}.h-wrap h1.title a:hover{color:var(--link-color)}.site-wrapper{position:absolute;top:0;right:0;width:100%}.site-wrapper.open .menu-icon{position:fixed}.off-canvas{transition:transform .3s ease;position:fixed;top:0;right:-25em;width:25em;height:100%;background-color:var(--smoke-color);z-index:100;overflow:auto}@media(max-width: 399px){.off-canvas{max-width:320px}}.off-canvas.toggled{-webkit-transform:translateX(-25em);transform:translateX(-25em);border-left:1px solid var(--border-color)}.off-canvas .avatar{display:block;margin-bottom:1.5rem}.off-canvas .avatar img{width:6em;height:6em;border-radius:50%}.off-canvas .bio{display:block}.off-canvas .bio h1{margin:0}.off-canvas .bio p{font-size:90%;color:hsl(var(--text-color), var(--sat), 30%);margin-bottom:0}.off-canvas nav h6{text-align:left;margin-top:1.5rem;margin-bottom:1.5rem;color:hsl(var(--text-color), var(--sat), 50%);padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.off-canvas nav ul li{list-style-type:none;margin-bottom:1.5rem}.off-canvas nav ul li a{text-decoration:none}.off-canvas nav ul li a svg{max-width:40px}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */body[data-layout=home] main{display:flex;flex-direction:row}body[data-layout=home] main #content h2{text-indent:1rem}body[data-layout=home] main #content .posts{overflow:hidden;margin:0;padding:0}body[data-layout=home] main #content .posts li{display:flex;flex-direction:row;justify-content:flex-start;width:100%;border-bottom:1px solid hsl(var(--main-color), var(--sat), 6%);border-radius:16px 0 0 16px;transition:background 1s ease-out;height:6em;align-items:center}body[data-layout=home] main #content .posts li:hover{backdrop-filter:brightness(45%);background:hsl(var(--main-color), var(--sat), 3%);transition:all .45s ease-in}body[data-layout=home] main #content .posts li:hover article{background-position:left !important;transition:all 3s ease-in}body[data-layout=home] main #content .posts li:hover time *{color:#fff}body[data-layout=home] main #content .posts li:hover p{font-weight:bold}body[data-layout=home] main #content .posts li:first-child{border-top:1px solid hsl(var(--main-color), var(--sat), 6%)}body[data-layout=home] main #content .posts li time{margin-right:4em;display:flex;flex-direction:column;border-radius:16px;width:2em;color:#d2d2d2}body[data-layout=home] main #content .posts li time *{font-weight:bold;text-align:center}body[data-layout=home] main #content .posts li time .year{font-size:1.5em;opacity:.3;font-weight:bold;margin-left:-0.5em;margin-top:.3em}body[data-layout=home] main #content .posts li time .day,body[data-layout=home] main #content .posts li time .month{padding-left:2rem}body[data-layout=home] main #content .posts li time .day{font-size:2em;line-height:.75em;letter-spacing:-0.05em}body[data-layout=home] main #content .posts li time .month{line-height:1em;font-size:1.5em}body[data-layout=home] main #content .posts li article{font-weight:bold;flex-grow:1;height:100%;background-position:center !important;transition:background-position 3s ease-in-out}body[data-layout=home] main #content .posts li article a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;backdrop-filter:brightness(80%);color:#fff;text-decoration:none;padding:1.5rem}body[data-layout=home] main #content .posts li article a p{display:inline;margin:0;font-size:1.4rem}body[data-layout=home] main #content .posts li article a span{font-size:.7em}body[data-layout=home] main #bio{padding:1.5rem;display:flex}@media(min-width: 600px){body[data-layout=home] main #bio{text-align:left;flex-direction:row}}@media(min-width: 1000px){body[data-layout=home] main #bio{flex-direction:column}}body[data-layout=home] main #bio figure img{transition:all .5s ease-in-out;object-fit:cover;border-radius:0px;max-height:200px;max-width:200px}@media(min-width: 1000px){body[data-layout=home] main #bio figure img{border-radius:50%}}body[data-layout=home] main #bio article{padding:0 1rem}body[data-layout=home] main #bio article h2{margin:0}body[data-layout=home] main #bio aside{transition:all .5s ease-in-out;margin:0;padding:0;text-align:left}body[data-layout=home] main #bio aside h3{margin:0;font-size:1.25rem;white-space:nowrap}body[data-layout=home] main #bio aside menu{transition:all .5s ease-in-out;list-style:none;margin:0;padding:0;display:flex;gap:1rem;width:100%;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}body[data-layout=home] main #bio aside menu span{display:none}@media(min-width: 800px){body[data-layout=home] main #bio aside menu{justify-content:space-between;gap:1rem}body[data-layout=home] main #bio aside menu span{display:inline-block}}@media(min-width: 1000px){body[data-layout=home] main #bio aside menu{flex-direction:column;flex-wrap:wrap}}body[data-layout=home] main #bio aside menu li{display:inline-block}body[data-layout=home] main #bio aside menu li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}body[data-layout=home] main #bio aside menu li a svg{height:40px;width:40px}/*! * Primitive UI | MIT License * * A minimalist front-end design toolkit built with Sass for developing * responsive, browser-consistent web apps. * * Author: Tania Rascia * Source: https://github.com/taniarascia/primitive * Documentation: https://taniarascia.github.io/primitive */body[data-layout=post] main header{text-align:center;border-bottom:1px dotted var(--border-color);margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}body[data-layout=post] main header h2{font-size:180%;line-height:135%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;text-align:center;margin:0 0 1.5rem;padding:1rem 0 0 0;margin:0;text-shadow:2px 2px #000;width:100%}body[data-layout=post] main header.with-masthead{min-height:200px;max-height:400px;margin:0 auto 1rem;background-position:center center !important;display:flex;flex-direction:column}body[data-layout=post] main header time,body[data-layout=post] main header .series{padding:0 0 1rem 0;display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;font-weight:normal;font-style:italic;text-transform:none;letter-spacing:1px;color:light-dark(#220000, #fafafa)}body[data-layout=post] main header a.popup{display:inline-block;position:relative;top:.7em;background:#fff;font-size:130%;text-align:center;text-decoration:none;padding:0 1rem;transition:all .2s ease;-webkit-transition:all .2s ease}@media(max-width: 642px){body[data-layout=post] main header a.popup{font-size:150%}}body[data-layout=post] main menu.collections{list-style:none;display:flex;flex-direction:row;justify-content:space-between}body[data-layout=post] main menu.collections li{border-radius:8px;border:.5px solid light-dark(#63462C, #FCD7AD);padding:.5rem}body[data-layout=post] main article{width:100%;max-width:800px;padding:0 1rem;margin:1.5rem auto;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;background:light-dark(#FCD7AD, #63462C);z-index:1}body[data-layout=post] main article .single-content{padding:0 1rem}@media(max-width: 700px){body[data-layout=post] main article .single-content{padding-bottom:1rem}}body[data-layout=post] main article ul,body[data-layout=post] main article ol{margin:1.5rem}body[data-layout=post] main article ul li,body[data-layout=post] main article ol li{margin-bottom:1rem}body[data-layout=post] main article blockquote{font-size:150%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:lighter;border-left:16px solid #e0e1e6;padding-left:1rem;margin-top:1.5rem;margin-bottom:1.5rem;margin-left:-1.5rem;margin-right:0;line-height:165%}@media(max-width: 942px){body[data-layout=post] main article blockquote{margin-left:0}}body[data-layout=post] main article blockquote p{padding-left:0 !important;padding-right:0 !important}body[data-layout=post] main article img{width:100%;height:100%}body[data-layout=post] main footer{padding:0}body[data-layout=post] main footer .share{margin:1.5rem auto}body[data-layout=post] main footer .share:hover{transition:all .5s allow-discrete;border-color:light-dark(#e0e1e6, #fafafa);background-color:light-dark(#63462C, #FCD7AD)}body[data-layout=post] main footer .share:hover a{text-decoration:none;color:light-dark(#FCD7AD, #63462C)}body[data-layout=post] main footer menu{margin:0;padding:0}body[data-layout=post] main footer menu ul{display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:0}body[data-layout=post] main footer menu ul li{list-style:none;transition:all .5s ease-in-out}body[data-layout=post] main footer menu ul li a{text-decoration:none;background:light-dark(#FCD7AD, #63462C);border:1px solid light-dark(#63462C, #FCD7AD);padding:1rem;line-height:1;border-radius:100px;color:light-dark(#63462C, #FCD7AD);transition:all .5s ease-in-out}body[data-layout=post] main footer menu ul li a span{margin:0 1.5rem}@media(max-width: 942px){body[data-layout=post] main footer menu ul li a span{display:inline-block}}body[data-layout=post] main footer menu ul li a:active{border-color:#0366ee}body[data-layout=post] main footer menu ul li a:hover{transition:all .5s allow-discrete;border-color:light-dark(#e0e1e6, #fafafa);background-color:light-dark(#63462C, #FCD7AD);color:light-dark(#FCD7AD, #63462C)}/*# sourceMappingURL=styles.css.map */