/*! 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:transparent}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:-.25em}sup{top:-.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}:root{--primary-background: #dcedff;--primary-background-translucent: rgba(220, 237, 255, 10%);--primary-background-more-translucent: rgba(220, 237, 255, 5%);--primary-background-dark: #343f3e;--primary-background-dark-translucent: rgba(52, 63, 62, 10%);--primary-background-dark-more-translucent: rgba(52, 63, 62, 5%);--text-color: #343f3e;--text-color-dark: #dcedff;--primary-accent: #ffb400;--secondary-accent: #f6511d;--text-alternate: #505a5b;--text-alternate-light: hsl(185, 6%, 66%);--text-alternate-translucent: #505a5b33;--background-shadow: #343f3e80;--background-shadow-dark: #dcedff0d;--shadow-x-distance-big: 5px;--shadow-x-distance-small: calc(var(--shadow-x-distance-big) / 2);--long-text: hsl(175, 10%, 10%);--long-text-dark: #f5faff;--long-text-background: #f5faff;--long-text-background-dark: #222a29}html{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{font-size:62.5%;background-color:#333}body{font-family:Spartan,sans-serif;font-weight:300;font-size:2rem;display:block}h1,h2,h3,h4,h5{margin:10px 0;line-height:1.4}h1,h2,h3{font-family:Dosis,sans-serif;font-weight:500}h1{color:var(--primary-accent);margin-top:0}h2{color:var(--text-alternate);margin-bottom:5px;font-size:3.5rem}section h2{text-align:center}p{margin:20px 0;line-height:1.8}li{margin-bottom:10px;line-height:1.8}a{color:var(--secondary-accent);font-weight:500}.links li:hover a{color:var(--primary-accent)}time[title]:not([title=""]){text-decoration:underline dotted}code{overflow-wrap:break-word}blockquote{margin-left:2em;border-left:3px solid var(--primary-accent);padding-left:1em;font-style:italic}article{max-width:900px;margin:0 auto 25px;color:var(--long-text);background-color:var(--long-text-background);box-shadow:calc(var(--shadow-x-offset-big) * 2) calc(var(--shadow-x-distance-big) * 2) 0 #00000040;padding-bottom:25px}article h2,article h3,article h4,article h5,article h6{color:var(--long-text)}article header h2{font-size:5.5rem}article a{color:var(--text-alternate)}article code{background-color:var(--primary-background)}article .meta{font-size:1.8rem;font-style:italic}article img{max-width:100%;height:auto}article header img{width:100%;display:block}article header .content-wrapper{border-top:3px solid var(--primary-accent)}article .task-list-item{list-style:none;margin-left:0;padding:0;position:relative}article .task-list-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-background);margin:0;width:0;height:0;position:absolute;top:5px}article .task-list-item input[type=checkbox]:before{content:"◻️";margin-left:-1.3em}article .task-list-item input[type=checkbox]:checked:before{content:"✅"}article p.links{text-align:center}section{padding:10px;border-top:3px solid var(--text-alternate-translucent)}img.loading{filter:blur(10px);clip-path:inset(0)}img.loaded{filter:blur(0px);transition:filter .25s linear}.wrapper{margin:0 auto;width:60%;max-width:1200px}.content-wrapper{margin:0 auto;padding:0 20px}.App{--shadow-x-offset-big: calc(var(--shadow-x-distance-big) * -1);--shadow-x-offset-small: calc(var(--shadow-x-distance-small) * -1);background-color:var(--primary-background);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.App .site-header{display:flex;padding:0 10px 20px;height:80px;align-items:flex-end;gap:10px}.App .site-header.big{flex-basis:50vh;flex-direction:column;align-items:center;justify-content:flex-end;padding:50px 0;height:auto}.App .site-header a{text-decoration:none}.App .site-header nav.primary a{text-decoration:underline}.App .site-header nav.primary ul{margin:0;padding:0;list-style:none;display:flex;gap:10px}.App .site-header nav.primary{align-self:stretch;display:flex;align-items:center}.App .site-header.big nav.primary{flex-direction:column}.App .site-header nav.primary ul li{margin-bottom:0;height:6.5rem;display:flex;align-items:flex-end}.App .site-header nav.primary .mobile-nav-toggle{display:none;font-size:100%;font-family:inherit;border:0;padding:0;background:none;color:var(--primary-accent);font-size:3.5rem}.App .site-header nav.primary .mobile-nav-toggle .toggle-icon{font-size:2rem}.App .site-header nav.primary .mobile-nav-toggle .content{display:flex;align-items:center;gap:5px}.App .site-header nav.primary .mobile-nav-toggle .nav-text{font-size:2rem;line-height:2rem}.App .site-header nav.primary.show-nav{background-color:var(--long-text-background);box-shadow:calc(var(--shadow-x-offset-big) * 2) calc(var(--shadow-x-distance-big) * 2) 0 #00000040;min-width:250px;max-width:80%;padding:10px 10px 20px 40px;margin-top:-10px;margin-right:-10px;flex-direction:column;align-items:stretch;z-index:1000}.App .site-header nav.primary li.home{display:none}.App .site-header nav.primary.show-nav li.home{display:list-item}.App .site-header nav.primary.show-nav .mobile-nav-toggle{align-self:flex-end}.App .site-header nav.primary.show-nav ul{display:block;max-height:calc(100vh - 60px);overflow-y:scroll;list-style:disc;padding-left:20px}.App .site-header nav.primary.show-nav ul li{display:list-item;height:auto}.App .site-header nav.primary.show-nav ul li a{display:block;padding:5px 0 10px}.App .site-header .me-container{width:50px;height:50px;--rotation-duration: .8s;--rotation-iterations: 1;--overshoot: 45deg;display:flex;justify-content:center;align-items:center}.App .site-header.big .me-container{width:150px;height:150px}.App .site-header .me-container .mask{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;border:2px solid var(--primary-accent);box-shadow:var(--shadow-x-offset-small) 2.5px 0 var(--text-alternate);background-color:#d6d3ce;position:relative;animation:appear .8s,rotateOut var(--rotation-duration) linear alternate forwards,borderOut var(--rotation-duration) steps(1,end) alternate forwards}.App .site-header h1{text-shadow:var(--shadow-x-offset-small) 3px 0px var(--text-alternate);text-align:center;font-size:5rem;padding:0 0 3px;margin:0;line-height:5rem}.App .site-header.big h1{font-size:15rem;text-shadow:var(--shadow-x-offset-big) 5px 0px var(--text-alternate);line-height:unset}.App .site-header.big .me-container .mask{border-width:5px}.App .site-header .me-container picture,.App .site-header .me-container img{max-width:100%;width:100%}.App .site-header .me-container .tooManyDevices{transform:rotateY(180deg);animation:flipOut var(--rotation-duration) steps(1,end) var(--rotation-iterations) alternate forwards;opacity:0}.App .site-header .me-container .normal,.App .site-header .me-container .tooManyDevices{position:absolute;top:0;left:0;right:0;bottom:0}.App .site-header .me-container:hover .mask{border-color:var(--secondary-accent);animation-name:appear,rotateIn,borderIn}.App .site-header .me-container:hover .tooManyDevices{animation-name:flipIn;opacity:1}.App nav.breadcrumbs ul{display:flex;list-style:none;padding:0 0 10px;margin:0;gap:25px;justify-content:center}.App nav.breadcrumbs ul li:not(:first-child){list-style-type:"⇨";padding-left:5px}@keyframes appear{0%,50%{opacity:0;width:0;height:0}to{opacity:1}}@keyframes rotateIn{0%{transform:rotateY(0);box-shadow:var(--shadow-x-offset-small) 2.5px 0 var(--text-alternate)}40%{box-shadow:calc(var(--shadow-x-offset-small) * -1) 2.5px 0 var(--text-alternate)}50%{transform:rotateY(calc(180deg + var(--overshoot)))}66.6%{transform:rotateY(calc(180deg - (var(--overshoot) / 4)))}83.3%{transform:rotateY(calc(180deg + (var(--overshoot) / 8)))}to{transform:rotateY(180deg);box-shadow:calc(var(--shadow-x-offset-small) * -1) 2.5px 0 var(--text-alternate)}}@keyframes rotateOut{0%{transform:rotateY(180deg);box-shadow:calc(var(--shadow-x-offset-small) * -1) 2.5px 0 var(--text-alternate)}40%{box-shadow:var(--shadow-x-offset-small) 2.5px 0 var(--text-alternate)}50%{transform:rotateY(calc(0deg - var(--overshoot)))}66.6%{transform:rotateY(calc(0deg + (var(--overshoot) / 4)))}83.3%{transform:rotateY(calc(0deg - (var(--overshoot) / 8)))}to{transform:rotateY(0);box-shadow:var(--shadow-x-offset-small) 2.5px 0 var(--text-alternate)}}@keyframes flipIn{0%{opacity:0}20%{opacity:1}}@keyframes flipOut{0%{opacity:1}20%{opacity:0}}@keyframes borderIn{0%{border-color:var(--primary-accent)}20%{border-color:var(--secondary-accent)}}@keyframes borderOut{0%{border-color:var(--secondary-accent)}20%{border-color:var(--primary-accent)}}.App section{display:flex;flex-direction:column;justify-content:space-evenly}.App main section:nth-child(2n){background-color:var(--primary-background-dark-more-translucent)}.App main section:nth-child(odd){background-color:var(--primary-background-dark-translucent)}.App section.recent-posts .more-posts{text-align:center}.App .posts-list time{font-size:.8em}.App footer{min-height:50vh}.links ul{list-style:none;margin:10px 0;padding:0;display:flex;gap:20px;font-size:20px;justify-content:center;white-space:nowrap;flex-wrap:wrap}svg.social-link-icon{width:1em;height:1em;vertical-align:-.125em;text-align:center}.color-toggle{display:none}.color-toggle-button{position:fixed;top:10px;right:10px;color:var(--primary-accent);cursor:pointer;font-size:3.5rem}.color-toggle-button .sr-only{font-size:2rem}.color-toggle-button .to-light{display:none}@media (max-width: 1000px){.wrapper{width:80%}.App .site-header.big h1{font-size:12rem}}@media (max-width: 600px){.wrapper{width:90%}section{padding-bottom:60px}.links ul{flex-direction:column;justify-content:space-evenly}.App .site-header.big h1{font-size:7rem}.App .site-header:not(.big) nav.primary{position:fixed;right:10px;top:60px}.App .site-header:not(.big) nav.primary .mobile-nav-toggle{display:block}.App .site-header:not(.big) nav.primary ul{display:none}.App .site-header:not(.big) nav.primary.show-nav ul{display:block}.App .site-header.big nav.primary ul{flex-direction:column;align-items:center}}@media (prefers-color-scheme: dark){.color-toggle:not(:checked)~.App{--shadow-x-offset-big: var(--shadow-x-distance-big);--shadow-x-offset-small: var(--shadow-x-distance-small);background-color:var(--primary-background-dark);color:var(--text-color-dark)}.color-toggle:not(:checked)~.App article{color:var(--long-text-dark);background-color:var(--long-text-background-dark)}.color-toggle:not(:checked)~.App article a{color:var(--text-alternate-light)}.color-toggle:not(:checked)~.App article code{background-color:var(--primary-background-dark)}.color-toggle:not(:checked)~.App article header .content-wrapper{border-top:3px solid var(--primary-background)}.color-toggle:not(:checked)~.App article h2,.color-toggle:not(:checked)~.App article h3,.color-toggle:not(:checked)~.App article h4,.color-toggle:not(:checked)~.App article h5,.color-toggle:not(:checked)~.App article h6{color:var(--long-text-dark)}.color-toggle:not(:checked)~.App main section:nth-child(2n){background-color:var(--primary-background-more-translucent)}.color-toggle:not(:checked)~.App main section:nth-child(odd){background-color:var(--primary-background-translucent)}.color-toggle:not(:checked)~.color-toggle-button .to-light{display:block}.color-toggle:not(:checked)~.color-toggle-button .to-dark{display:none}.color-toggle:not(:checked)~.color-toggle-button{color:var(--primary-background)}.color-toggle:not(:checked)~.App .site-header nav.primary .mobile-nav-toggle{color:var(--primary-background)}.color-toggle:not(:checked)~.App .site-header nav.primary.show-nav{background-color:var(--long-text-background-dark);border-left:1px solid var(--text-alternate);border-top:1px solid var(--text-alternate);border-bottom:1px solid var(--text-alternate)}.color-toggle:not(:checked)~.App h2{color:var(--primary-background)}}@media (prefers-color-scheme: light){.color-toggle:checked~.App{--shadow-x-offset-big: var(--shadow-x-distance-big);--shadow-x-offset-small: var(--shadow-x-distance-small);background-color:var(--primary-background-dark);color:var(--text-color-dark)}.color-toggle:checked~.App article{color:var(--long-text-dark);background-color:var(--long-text-background-dark)}.color-toggle:checked~.App article a{color:var(--text-alternate-light)}.color-toggle:checked~.App article code{background-color:var(--primary-background-dark)}.color-toggle:checked~.App article header .content-wrapper{border-top:3px solid var(--primary-background)}.color-toggle:checked~.App article h2,.color-toggle:checked~.App article h3,.color-toggle:checked~.App article h4,.color-toggle:checked~.App article h5,.color-toggle:checked~.App article h6{color:var(--long-text-dark)}.color-toggle:checked~.App main section:nth-child(2n){background-color:var(--primary-background-more-translucent)}.color-toggle:checked~.App main section:nth-child(odd){background-color:var(--primary-background-translucent)}.color-toggle:checked~.color-toggle-button .to-light{display:block}.color-toggle:checked~.color-toggle-button .to-dark{display:none}.color-toggle:checked~.color-toggle-button{color:var(--primary-background)}.color-toggle:checked~.App .site-header nav.primary .mobile-nav-toggle{color:var(--primary-background)}.color-toggle:checked~.App .site-header nav.primary.show-nav{background-color:var(--long-text-background-dark);border-left:1px solid var(--text-alternate);border-top:1px solid var(--text-alternate);border-bottom:1px solid var(--text-alternate)}.color-toggle:checked~.App h2{color:var(--primary-background)}}