@import"https://fonts.googleapis.com/css?family=Lato:100,300,400,600&display=swap&subset=latin-ext";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=optional";:root{--sans-serif: "Lato", ui-sans-serif, -apple-system, sans-serif;--serif: "Roboto Slab", ui-serif;--mono: "Roboto Mono", ui-monospace, monospace}:root.dark{--theme-background:#25274d;--theme-primary:#2e9cca;--theme-secondary:#aaabb8;--theme-tertiary:#29648a;--theme-surface:#464866;--theme-on-primary:#25274d;--theme-on-secondary:#29648a;--theme-on-tertiary:#aaabb8;--theme-on-surface:#2e9cca}body{background-color:var(--theme-background)}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:var(--sans-serif);font-size:clamp(1rem,.96rem + .18vw,1.125rem);line-height:1.7;color:var(--theme-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--sans-serif);font-weight:400;line-height:1.2}h1{font-size:clamp(1.75rem,1.39rem + 1.79vw,3rem)}h2{font-size:clamp(1.5rem,1.29rem + 1.07vw,2.25rem)}p{margin-block-end:.4em}a{text-decoration:none;color:var(--theme-primary)}a:hover{text-decoration:underline}.text-primary{color:var(--theme-primary) !important}.text-secondary{color:var(--theme-secondary) !important}.text-tertiary{color:var(--theme-tertiary) !important}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.sans-serif{font-family:var(--sans-serif)}.small{font-size:clamp(.8rem,.74rem + .3vw,1.1rem)}section{max-width:900px;width:calc(75vw - 150px);margin:100px auto 200px}@media(max-width: 1000px){section{width:600px}}@media(max-width: 650px){section{width:calc(100vw - 50px);margin:50px auto}}section.wide{max-width:100%}section .section-header,section>h1{color:var(--theme-primary);font-size:clamp(1.6rem,5vw,2rem);margin-block-end:2rem}section:target::before{content:"";display:block;height:calc(70px + 15vh);margin-top:calc(0px - (70px + 15vh))}@media(max-width: 650px){section:target::before{height:70px;margin-top:-70px}}header.site-header{height:70px;background-color:var(--theme-background);opacity:.9;position:fixed;top:0;left:0;width:100%;z-index:9999}header.site-header .site-title{display:inline-block;margin:0;position:absolute;top:50%;left:35px;transform:translate(0, -50%);color:var(--theme-secondary);font-size:30px;font-weight:400;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width: 650px){header.site-header .site-title{left:25px}}header.site-header .site-title a{text-decoration:none !important;color:inherit}header.site-header ul.link-icons.horizontal{position:absolute;top:50%;transform:translate(0, -50%)}.nav-btn.mobile{position:absolute;top:50%;right:35px;transform:translate(0, -50%)}@media(max-width: 650px){.nav-btn.mobile{right:25px}}.nav-btn.mobile .nav-stack{float:left;position:relative;height:15px;width:20px;opacity:1;transition:transform .6s ease .8s,opacity .5s .6s ease}.nav-btn.mobile .nav-stack span{content:"";display:inline-block;height:2px;background-color:var(--theme-secondary);position:absolute;width:100%;margin:0;padding:0}.nav-btn.mobile .nav-stack span:nth-child(1){top:0;transition:all .5s ease}.nav-btn.mobile .nav-stack span:nth-child(2){top:6px;transition:all .5s ease}.nav-btn.mobile .nav-stack span:last-child{bottom:0;transition:all .5s ease}.nav-btn.mobile .nav-stack.active span:nth-child(1){top:5px;transform:rotate(45deg)}.nav-btn.mobile .nav-stack.active span:nth-child(2){transform:scale(0)}.nav-btn.mobile .nav-stack.active span:last-child{top:5px;transform:rotate(-45deg)}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70px;height:auto;margin:15px;font-size:12px;font-family:var(--mono);text-align:center}footer a{margin:10px;color:var(--theme-secondary)}footer a:hover{color:var(--theme-primary)}.desktop{display:initial}@media(max-width: 1000px){.desktop{display:none}}.mobile{display:none}@media(max-width: 1000px){.mobile{display:initial}}*{scrollbar-width:auto;scrollbar-color:var(--theme-tertiary) var(--theme-surface)}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:var(--theme-surface)}*::-webkit-scrollbar-thumb{background-color:var(--theme-tertiary)}a.btn{font-family:var(--mono);font-size:.85rem;line-height:1.2;text-decoration:none;text-align:center;color:var(--theme-primary);background-color:rgba(0,0,0,0);border:1px solid var(--theme-primary);border-radius:3px;display:inline-block;padding:1em;animation:all .3s ease}a.btn:hover{color:var(--theme-background);background-color:var(--theme-primary);animation:all .3s ease}a.btn+a.btn{margin-block-start:.5rem;margin-inline-start:.5rem}section .next{position:absolute;bottom:70px;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid var(--theme-secondary);border-bottom:1px solid var(--theme-secondary);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:nextbtn 1.5s infinite;animation:nextbtn 1.5s infinite;box-sizing:border-box}@media(max-width: 1200px){section .next{display:none}}@-webkit-keyframes nextbtn{0%{-webkit-transform:rotate(-45deg) translate(0, 0);opacity:0}50%{opacity:1}100%{-webkit-transform:rotate(-45deg) translate(-20px, 20px);opacity:0}}@keyframes nextbtn{0%{transform:rotate(-45deg) translate(0, 0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-20px, 20px);opacity:0}}.naked-list{list-style:none;list-style-position:inside;padding-inline-start:0;position:relative;margin:0}.naked-list li{padding-top:.3em;padding-bottom:.3em}ul.list,.list-container ul,.tab-content ul{list-style:none;list-style-position:inside;padding-inline-start:0;position:relative;margin:0}ul.list li,.list-container ul li,.tab-content ul li{position:relative;padding-left:1.5em;padding-top:.3em;padding-bottom:.3em}ul.list li::before,.list-container ul li::before,.tab-content ul li::before{content:"▷";color:var(--theme-primary);position:absolute;left:0}ul.list ul{list-style:none;list-style-position:inside;padding-inline-start:0;position:relative;margin:0}.list h1,.list h2,.list h3,.list h4,.list h5,.list h6,.list-container h1,.list-container h2,.list-container h3,.list-container h4,.list-container h5,.list-container h6{color:var(--theme-secondary);font-size:1.3em;padding:0;margin:0;padding-bottom:.5em}@media(min-width: 1200px){ul.grid-list{display:grid;grid-template-columns:repeat(2, calc(50% - 0.5em));-moz-columns:2;-webkit-columns:2;columns:2;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}}ul.collapsible li{cursor:pointer;height:fit-content}ul.collapsible li::before{transform:rotate(0);transition:transform .5s ease}ul.collapsible li>ul{height:0;overflow:hidden;transition:height .5s ease}ul.collapsible li.active::before{transform:rotate(90deg)}ul.collapsible li.active>ul{height:auto}.hover-primary:hover{color:var(--theme-primary)}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block}.list-inline>li:not(:last-child){margin-right:.5rem}nav{position:fixed;left:0;top:50%;transform:translateY(-50%)}nav ul#main-nav{list-style:none;padding:0;margin:0}nav ul#main-nav a{font-family:var(--mono);font-size:1.2rem;line-height:1.8;text-decoration:none;color:var(--theme-secondary);transition:all .3s ease;display:block;padding-inline-start:35px;position:relative}nav ul#main-nav a:hover{font-size:1.5rem;color:var(--theme-primary)}nav ul#main-nav a::before{content:"";display:block;width:0;height:1px;background-color:var(--theme-primary);position:absolute;left:0;top:50%;margin-top:-1px;transition:all .3s ease}nav ul#main-nav a.active,nav ul#main-nav .active>a{font-size:1.5rem;color:var(--theme-primary);pointer-events:none;cursor:default}nav ul#main-nav a.active::before,nav ul#main-nav .active>a::before{width:30px}@media(max-width: 1000px){nav{top:0;transform:none;width:100%;height:100%;z-index:-10;margin:0;padding:0;opacity:0;background-color:rgba(0,0,0,0);transition:all .5s ease-out}nav.active{opacity:.9;background-color:var(--theme-background);transition:all .5s ease-in;z-index:999}nav ul#main-nav{position:relative;top:50%;transform:translateY(-50%);text-align:center;font-size:1.8rem}nav ul#main-nav a{position:relative;padding:0;line-height:1.5;font-size:1.8rem}nav ul#main-nav a.active{font-size:1.8rem;line-height:1.5}nav ul#main-nav a:hover{font-size:1.8rem;line-height:1.5}nav ul#main-nav a::before{display:none;content:none;position:relative}nav ul#main-nav .link-icons{position:relative;display:inline;font-size:1.8rem}nav ul#main-nav .link-icons li{display:inline-block;margin:.5em .2em;font-size:inherit}nav ul#main-nav .link-icons::after{display:none;content:none;position:relative}}ul.link-icons{position:fixed;top:0;right:0;z-index:1;list-style:none;padding:0;margin:0}ul.link-icons li{font-size:25px}ul.link-icons li a{color:var(--theme-secondary)}ul.link-icons li a:hover{color:var(--theme-primary)}ul.link-icons.horizontal{top:20px}ul.link-icons.horizontal li{display:inline-block;margin:0 .5em 0 0}ul.link-icons.horizontal::after{content:"";display:inline-block;width:70px;height:1px;background-color:var(--theme-secondary);margin-bottom:.5em}ul.link-icons.vertical{right:20px}ul.link-icons.vertical li{display:block;margin:.3em 0 0 0}ul.link-icons.vertical::before{content:"";display:block;height:70px;width:1px;background-color:var(--theme-secondary);margin-left:.6em}.loader{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:var(--theme-background);display:flex;justify-content:center;align-items:center}.loader.hidden{animation:all .3s ease-out}.loader>span{border:8px solid var(--theme-tertiary);border-top:8px solid var(--theme-primary);border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}#sketch-holder svg #path{stroke:var(--theme-primary)}#sketch-holder svg #epicycles{stroke:var(--theme-secondary)}#sketch-holder svg #vectors{stroke:var(--theme-tertiary)}.tabs-container{display:flex;position:relative;width:100%;height:auto;align-items:flex-start;padding:0;margin:auto;align-self:flex-start !important;flex-direction:row}@media(max-width: 1000px){.tabs-container{flex-direction:column}}.tabs-container .tabs{float:left;border:none;width:max-content;height:100%}@media(max-width: 1000px){.tabs-container .tabs{width:100%;display:flex;overflow-x:auto}}.tabs-container .tabs a,.tabs-container .tabs .tab{padding-block:11px;padding-inline:22px;color:var(--theme-secondary);font-size:15px;font-family:var(--mono);background-color:rgba(0,0,0,0);transition:background-color .1s ease-out}.tabs-container .tabs a:hover,.tabs-container .tabs .tab:hover{background-color:var(--theme-surface);color:var(--theme-primary);transition:background-color .2s ease-in}.tabs-container .tabs a.active,.tabs-container .tabs .tab.active{background-color:rgba(0,0,0,0);color:var(--theme-primary);transition:background-color .1s ease-out;padding-inline-start:20px}@media(min-width: 1001px){.tabs-container .tabs a,.tabs-container .tabs .tab{display:block;border-left-style:solid;border-left-width:1px;border-left-color:var(--theme-secondary);text-align:left}.tabs-container .tabs a:hover,.tabs-container .tabs .tab:hover{border-left-color:var(--theme-secondary)}.tabs-container .tabs a.active,.tabs-container .tabs .tab.active{border-left-color:var(--theme-primary);border-left-width:3px}}@media(max-width: 1000px){.tabs-container .tabs a,.tabs-container .tabs .tab{display:inline-block;width:max-content;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--theme-secondary);text-align:left}.tabs-container .tabs a:hover,.tabs-container .tabs .tab:hover{border-bottom-color:var(--theme-secondary)}.tabs-container .tabs a.active,.tabs-container .tabs .tab.active{border-bottom-color:var(--theme-primary);border-bottom-width:3px}}.tabs-container .tabs-content{position:relative;float:left;padding-block-start:11px;padding-inline-start:30px;border:none;width:calc(100% - 30px);min-height:max-content;text-align:left}@media(max-width: 1000px){.tabs-container .tabs-content{padding-inline-start:11px;width:calc(100% - 11px)}}.tabs-container .tabs-content .content{display:none;position:relative;width:100%}.tabs-container .tabs-content .content.active{display:initial}.tabs-container .tabs-content .content .tab-title{font-size:20px;color:var(--theme-secondary);margin-block:0 .5rem}.tabs-container .tabs-content .content .tab-title h1{font-size:inherit;color:inherit;width:100%}.tabs-container .tabs-content .content .tab-title .icons{float:right;margin-inline-start:10px;min-width:max-content}.tabs-container .tabs-content .content .tab-title .icons a.icon{color:var(--theme-secondary)}.tabs-container .tabs-content .content .tab-title .icons a.icon:hover{color:var(--theme-primary)}.tabs-container .tabs-content .content .tab-title .icons a.icon+a.icon{margin-inline-start:.2em}.tabs-container .tabs-content .content .tab-subtitle{font-family:var(--mono);font-size:13px;margin-block-end:1rem}.tabs-container .tabs-content .content .tab-tags{font-family:var(--mono);font-size:13px;color:var(--theme-primary);margin-block-end:.5rem}.tabs-container .tabs-content .content p,.tabs-container .tabs-content .content .tab-content{font-size:15px}.tabs-container .tabs-content .content a{color:var(--theme-primary)}.tabs-container .tabs-content .content a:hover{text-decoration:underline}.accordeon{display:flex;flex-direction:column}.accordeon-item{width:100%;cursor:pointer;border-left-style:solid;border-left-width:3px;border-left-color:var(--theme-secondary);transition:background-color .1s ease}.accordeon-item:hover{background-color:var(--theme-surface);transition:background-color .1s ease}.accordeon-item.active{border-left-color:var(--theme-primary);transition:background-color .1s ease}.accordeon-item>.accordeon-title,.accordeon-item>header,.accordeon-item>h1{padding:15px;color:var(--theme-secondary);font-size:20px;margin:0}.accordeon-item>.accordeon-content{padding:0 15px;height:auto;overflow:hidden;transition:height .3s ease}.accordeon-item>.accordeon-content .accordeon-subtitle{font-family:var(--mono);font-size:13px;color:var(--theme-primary);margin-block-end:1rem}.accordeon-item>.accordeon-content p{font-size:15px}.accordeon-item a{color:var(--theme-primary);white-space:nowrap}section#hello{min-height:calc(100vh - 100px - 200px)}@media(min-width: 1200px){section#hello{display:flex;flex-direction:row-reverse;align-items:center}section#hello>div{width:50%}}.hello-title{font-size:clamp(35px,5vw,80px);font-weight:600;margin-block-end:2rem}.hello-content{margin-block-end:2rem}main.page404{text-align:center;color:var(--theme-secondary);margin-block-start:70px;padding-block:100px}main.page404>h1{font-family:var(--sans-serif);font-weight:100;font-size:clamp(150px,30vw,250px);margin-block-end:5rem}/*# sourceMappingURL=main.css.map */