:root{--backdrop-color: rgb(15, 30, 36);--backdrop-color-contrast: #ffffff;--backdrop-color-contrast-2: #ffffff;--paper-color: #ffffff;--paper-color-active: #cccccc;--paper-color-contrast: #000000;--paper-color-contrast-2: #555555;--glass-color: rgba(42, 157, 143, .3);--glass-color-active: rgba(62, 175, 162, .3);--glass-color-contrast: #000000;--glass-color-contrast-2: #000000;--s0: 0px;--s1: 3px;--s2: 6px;--s3: 12px;--s4: 24px;--s5: 48px;--s6: 96px;--shadow-1: 0px 1px 3px rgba(0, 0, 0, .1);--shadow-2: 0px 1px 3px rgba(0, 0, 0, .1), 0px 2px 6px rgba(0, 0, 0, .15);--shadow-3: 0px 1px 3px rgba(0, 0, 0, .1), 0px 2px 6px rgba(0, 0, 0, .15), 0px 4px 12px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}*{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}#background-sketch-container{position:sticky;z-index:-10;top:0}html,body{width:100%}html{background-color:var(--backdrop-color);color:var(--backdrop-color-contrast)}h1{font-size:2.2rem;margin-bottom:var(--s3)}h2{font-size:1.5rem;margin-bottom:var(--s3)}h3{font-size:1.2rem;margin-bottom:var(--s2)}h4{font-size:1rem;margin-bottom:var(--s2)}.text-center{text-align:center}h1.huge{font-size:3.5rem;margin-bottom:var(--s3)}.caption{font-size:.75rem;text-transform:uppercase;margin-bottom:var(--s3)}.glass .subtle{color:var(--glass-color-contrast-2)}.paper .subtle{color:var(--paper-color-contrast-2)}.content-area{width:calc(100% - var(--s4));max-width:800px;margin:0 auto;min-height:100vh;margin-top:-100vh;padding-top:var(--s4)}.content-area.large{padding-top:var(--s6)}.footer{width:100%;background-color:var(--backdrop-color);box-shadow:inset 0 16px 8px #00000080;padding:var(--s5) 0}.footer-content{width:calc(100% - var(--s4));max-width:800px;margin:0 auto;padding:var(--s4) 0}.surface{width:100%;border-radius:var(--s3);padding:var(--s3)}.surface.large{border-radius:var(--s4);padding:var(--s4);padding-top:var(--s3)}.outset{margin:calc(0px - var(--s3));margin-top:0;width:calc(100% + var(--s4))}.outset:not(:last-child){margin-bottom:var(--s3)}.paper{background-color:var(--paper-color);color:var(--paper-color-contrast)}.glass{backdrop-filter:blur(4.5px) grayscale(1) brightness(2.7);background-color:var(--glass-color);border:solid 1px var(--paper-color);color:var(--glass-color-contrast)}.elevated,.elevated-1{box-shadow:var(--shadow-1)}.elevated-2{box-shadow:var(--shadow-2)}.elevated-3{box-shadow:var(--shadow-3)}button{outline:none;cursor:pointer;padding:var(--s3) var(--s4);text-transform:uppercase;letter-spacing:1px;border-radius:var(--s3);transform:translateY(0);transition:transform .1s ease-in-out,background-color .2s ease-in-out}button.glass:hover{transform:translateY(-1px);background-color:var(--glass-color-active)}button.selected{transform:translateY(-1px);background-color:var(--paper-color)!important}.mb0{margin-bottom:0}.mb1{margin-bottom:var(--s1)}.mb2{margin-bottom:var(--s2)}.mb3{margin-bottom:var(--s3)}.mb4{margin-bottom:var(--s4)}.mb5{margin-bottom:var(--s5)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s3)}.grid>*{grid-column:span 12}.grid>.col1{grid-column:span 1}.grid>.col2{grid-column:span 2}.grid>.col3{grid-column:span 3}.grid>.col4{grid-column:span 4}.grid>.col5{grid-column:span 5}.grid>.col6{grid-column:span 6}.grid>.col7{grid-column:span 7}.grid>.col8{grid-column:span 8}.grid>.col9{grid-column:span 9}.grid>.col10{grid-column:span 10}.grid>.col11{grid-column:span 11}.grid>.col12{grid-column:span 12}@media screen and (max-width:600px){.grid{grid-template-columns:repeat(6,1fr)}.grid>*{grid-column:span 6}.grid>.col1{grid-column:span 6}.grid>.col2{grid-column:span 6}.grid>.col3{grid-column:span 6}.grid>.col4{grid-column:span 6}.grid>.col5{grid-column:span 6}.grid>.col6{grid-column:span 6}.grid>.col7{grid-column:span 6}.grid>.col8{grid-column:span 6}.grid>.col9{grid-column:span 6}.grid>.col10{grid-column:span 6}.grid>.col11{grid-column:span 6}.grid>.col12{grid-column:span 6}}.flex{display:flex;gap:var(--s3)}.flex.row{flex-direction:row}.flex.column{flex-direction:column}.flex>.surface{align-self:stretch}.flex>.col1{width:8.333%}.flex>.col2{width:16.666%}.flex>.col3{width:25%}.flex>.col4{width:33.333%}.flex>.col5{width:41.666%}.flex>.col6{width:50%}.flex>.col7{width:58.333%}.flex>.col8{width:66.666%}.flex>.col9{width:75%}.flex>.col10{width:83.333%}.flex>.col11{width:91.666%}.flex>.col12{width:100%}@media screen and (max-width:600px){.flex.row.collapse{flex-direction:column}.flex.row.collapse-reverse{flex-direction:column-reverse}.flex.row.collapse>.col1,.flex.row.collapse>.col2,.flex.row.collapse>.col3,.flex.row.collapse>.col4,.flex.row.collapse>.col5,.flex.row.collapse>.col6,.flex.row.collapse>.col7,.flex.row.collapse>.col8,.flex.row.collapse>.col9,.flex.row.collapse>.col10,.flex.row.collapse>.col11,.flex.row.collapse>.col12,.flex.row.collapse-reverse>.col1,.flex.row.collapse-reverse>.col2,.flex.row.collapse-reverse>.col3,.flex.row.collapse-reverse>.col4,.flex.row.collapse-reverse>.col5,.flex.row.collapse-reverse>.col6,.flex.row.collapse-reverse>.col7,.flex.row.collapse-reverse>.col8,.flex.row.collapse-reverse>.col9,.flex.row.collapse-reverse>.col10,.flex.row.collapse-reverse>.col11,.flex.row.collapse-reverse>.col12{width:100%}}.footer[data-astro-cid-sz7xmlte]{width:100%;background-color:var(--backdrop-color);box-shadow:inset 0 16px 8px #00000080;padding:var(--s5) 0}.footer-content[data-astro-cid-sz7xmlte]{width:calc(100% - var(--s4));max-width:800px;margin:0 auto;padding:var(--s4) 0}.profile-circle-holder{width:300px;height:500px;overflow-y:hidden;margin:auto;border-radius:150px;margin-bottom:var(--s4);margin-top:-200px;position:relative;transition:width .2s ease,height .2s ease,border-radius .2s ease,margin .2s ease}.profile-circle{width:300px;height:300px;border-radius:150px;position:absolute;bottom:0;transition:width .2s ease,height .2s ease,border-radius .2s ease,margin .2s ease}.profile-circle-holder.small{width:200px;height:400px;border-radius:100px;margin-bottom:var(--s3);margin-top:-200px}.profile-circle-holder.small>.profile-circle{width:200px;height:200px;border-radius:100px}.button-holder{display:flex;flex-direction:row;justify-content:center;gap:var(--s3);margin-top:var(--s6);margin-bottom:var(--s4);transition:margin .4s ease}.button-holder.open{margin-top:-80px}.animated{display:flex;justify-content:center}.animated>span{opacity:0;display:inline-block;animation-name:fadeIn;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-duration:.6s}.fadeout{animation-name:fadeOut;animation-fill-mode:forwards;animation-timing-function:ease;animation-duration:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}60%{opacity:.8;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.tab-area{position:relative;padding-bottom:20px;overflow:hidden}.tab-area>*{position:absolute;top:0}.hideable.show{opacity:1;position:relative;transition:opacity .4s ease,transform .4s ease}.hideable:not(.show){opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .1s ease-out,transform .1s ease-out}