@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden}body{background-color:#252a34;font-family:Titillium Web,sans-serif;color:#adbac7;overflow-y:auto;color-scheme:dark}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://wallpapercave.com/uwp/uwp1544131.jpeg);background-position:0;z-index:-1;opacity:calc(.25*var(--scroll-factor, 1))}*{font-family:inherit;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:#99d5cb}nav.appbar{position:-webkit-sticky;position:sticky;height:calc(64px + 44px*var(--scroll-factor, 1));display:flex;align-items:flex-end;z-index:50;top:0;left:0;right:0;border-bottom:1px solid rgb(68,76,86,calc(1 - var(--scroll-factor, 1)));background-color:rgb(47,53,66,calc(.75 * (1 - var(--scroll-factor, 1))));-webkit-backdrop-filter:blur(calc(12px * (1 - var(--scroll-factor, 1))));backdrop-filter:blur(calc(12px * (1 - var(--scroll-factor, 1))))}nav.appbar>section.centered{height:64px;display:flex;align-items:center;justify-content:flex-start}nav.appbar svg{height:36px;position:relative;z-index:5}nav.appbar a.link{position:relative;height:38px;padding:0 1rem;border-radius:4px;border:1px solid transparent;display:flex;align-items:center;color:#768390;text-decoration:none;overflow:hidden;transition:border-color 135ms ease-out}nav.appbar a.link span{position:relative;z-index:2}nav.appbar a.link:before{content:"";position:absolute;top:50%;left:50%;width:100%;padding-bottom:100%;background-color:#636e7b;opacity:1;border-radius:50%;transform:translate(-50%,-50%) scale(1.25);transition:145ms ease-out 145ms;-webkit-animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards}nav.appbar a.link span{transition:375ms cubic-bezier(.17,.67,.53,.99)}nav.appbar a.link:focus span,nav.appbar a.link:hover span{color:#adbac7}nav.appbar a.link:focus:before,nav.appbar a.link:hover:before{-webkit-animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;opacity:.25}nav.appbar a.link:focus{border-color:hsla(0,0%,100%,.25)}.desktop-links{display:flex}.mobile-links{display:none}@-webkit-keyframes nav-ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:.25;transform:translate(-50%,-50%) scale(1.25)}}@keyframes nav-ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:.25;transform:translate(-50%,-50%) scale(1.25)}}@-webkit-keyframes nav-ripple-fade{0%{opacity:.25}to{opacity:0}}@keyframes nav-ripple-fade{0%{opacity:.25}to{opacity:0}}@-webkit-keyframes nav-ripple-o{0%{opacity:.35;transform:translate(-50%,-50%) scale(0)}to{opacity:.1;transform:translate(-50%,-50%) scale(1.25)}}@keyframes nav-ripple-o{0%{opacity:.35;transform:translate(-50%,-50%) scale(0)}to{opacity:.1;transform:translate(-50%,-50%) scale(1.25)}}@-webkit-keyframes nav-ripple-fade-o{0%{opacity:.1}to{opacity:0}}@keyframes nav-ripple-fade-o{0%{opacity:.1}to{opacity:0}}section.centered{margin:0 auto;width:100%;max-width:1280px;padding:0 3rem}section.centered.main{height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;padding-bottom:108px}section.centered.header{padding-top:15vh;padding-bottom:2vh}.move-down{transform:translateY(calc(.75 * (50vh - 50%) * (1 - var(--scroll-factor, 1))))}.footer-divider{height:1px;margin:1.5rem 0;background-color:#444c56}.medium-title{font-size:2rem;margin:0 0 1rem}.small-title{font-size:1.5rem;margin:0}.smaller-title{line-height:1rem;font-weight:600;color:#768390}.footer-title,.smaller-title{font-size:1rem;margin:0}.hero-title{font-size:5rem;background-image:linear-gradient(-110deg,#e4f7bd,#b6e2c5 37.5%,#6abfd3);background-size:100% 100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:5rem}.hero-text{font-size:1.25rem;max-width:50%}.flex,.stack{display:flex}.stack{flex-direction:column}a.hero-button{height:48px;padding:0 1.5rem;border-radius:6px;margin-right:8px;display:flex;align-items:center;justify-content:center;color:#768390;text-decoration:none;font-weight:600;background-image:linear-gradient(to bottom left,#e4f7bd,#b6e2c5 37.5%,#6abfd3);overflow:hidden}a.hero-button,a.hero-button span{position:relative;transition:275ms cubic-bezier(.17,.67,.53,.99)}a.hero-button span{z-index:2}a.hero-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;padding-bottom:100%;background-color:#000;opacity:1;border-radius:50%;transform:translate(-50%,-50%) scale(1.25);transition:145ms ease-out 145ms;-webkit-animation:nav-ripple-fade-o 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple-fade-o 375ms cubic-bezier(.17,.67,.53,.99) forwards}a.hero-button span,a.hero-button svg{color:#252a34;transition:375ms cubic-bezier(.17,.67,.53,.99)}a.hero-button:hover:before{-webkit-animation:nav-ripple-o 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple-o 375ms cubic-bezier(.17,.67,.53,.99) forwards;opacity:.25}a.hero-button:hover{transform:scale(1.05)}a.hero-button:active{transition:none}a.hero-button:focus{box-shadow:0 0 0 3px rgba(153,213,203,.5)}a.hero-button.ghost{background-color:transparent;background-image:none;box-shadow:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.hero-button.ghost span,a.hero-button.ghost svg{color:#768390}a.hero-button.ghost:hover span,a.hero-button.ghost:hover svg{color:#adbac7}a.hero-button.ghost:before{background-color:#636e7b;-webkit-animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards}a.hero-button.ghost:hover:before{-webkit-animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;opacity:.25}a.hero-button.small{height:36px;padding:0 1rem;border-radius:4px}a.hero-icon{position:relative;height:48px;width:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#768390;text-decoration:none;overflow:hidden}a.hero-icon svg{position:relative;z-index:2;transition:275ms cubic-bezier(.17,.67,.53,.99)}a.hero-icon:before{content:"";position:absolute;top:50%;left:50%;width:125%;padding-bottom:125%;background-color:#636e7b;opacity:1;border-radius:50%;transform:translate(-50%,-50%) scale(1.25);transition:145ms ease-out 145ms;-webkit-animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple-fade 375ms cubic-bezier(.17,.67,.53,.99) forwards}a.hero-icon span{transition:375ms cubic-bezier(.17,.67,.53,.99)}a.hero-icon:hover svg{color:#adbac7;transform:scale(1.25)}a.hero-icon:hover:before{-webkit-animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;animation:nav-ripple 375ms cubic-bezier(.17,.67,.53,.99) forwards;opacity:.25}.footer{margin-top:3rem;padding:1.5rem 0 3rem;background-color:#2f3542}.footer a{color:#768390;text-decoration:none;transition:145ms ease-out;margin-top:.25rem}.footer a:hover{color:#adbac7}.project-grid{display:flex;flex-wrap:wrap;gap:1rem}.project-grid>*{flex:1 0 23%;max-width:calc(25% - .5rem)}.project-grid.half>*{flex:1 0 49%;max-width:calc(50% - .5rem)}.project-card{background-color:#2f3542;box-shadow:0 3px 6px #1c2128;border-radius:6px;padding:1.25rem}.project-card header{display:flex;align-items:center;gap:1rem}.project-card header img{width:24px;border-radius:4px}.project-card header h2{margin:0;font-size:1rem}.project-card main{margin-top:.5rem;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 24px)}.project-card main .flex{margin-top:-6px;margin-bottom:6px}.project-card main p{margin:0 0 .75rem}.skill-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill{display:inline-block;background-color:#2f3542;box-shadow:0 3px 6px #1c2128;border-radius:6px;padding:.5rem .65rem .5rem .5rem;display:flex;align-items:center}.skill svg{margin-right:.35rem}.skills h2{margin-top:1.5rem;margin-bottom:.5rem}.menu-button{display:none!important}.hero-image{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden;border-radius:8px}.hero-image img{margin-bottom:-6px;transform:scale(1.075);transition:145ms ease-out}.hero-image .cover{opacity:.5;position:absolute;top:0;left:0;right:0;bottom:0;transition:145ms ease-out}.hero-image:hover img{filter:none;transform:none}.hero-image:hover .cover{opacity:0}.remove-hero-half .hero-text{max-width:none}.stat{text-align:center;flex:1 1}.stat h1{font-size:3rem;background-image:linear-gradient(-110deg,#e4f7bd,#b6e2c5 37.5%,#6abfd3);background-size:100% 100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat h1,.stat h2{margin:0 auto}.boxed{border-radius:8px;background-color:#2f3542;box-shadow:0 3px 6px #1c2128;padding:1.75rem 3rem 2.25rem!important}.collab-badge{background-color:rgba(153,213,203,.1);color:#99d5cb}.collab-badge,.comm-badge{font-size:.75rem;padding:.125em .75em;border-radius:99px;margin-left:6px}.comm-badge{background-color:rgba(183,153,213,.1);color:#b799d5}@media screen and (max-width:1400px){section.centered{max-width:1024px}.project-grid>*{flex-basis:32%}.project-card{max-width:33%}}@media screen and (max-width:1000px){.flex.switch-on-mobile{flex-direction:column;align-items:center}.text-center-on-mobile,.text-center-on-mobile *{text-align:center!important}.widen-gap-on-mobile{gap:2rem}body:before{background-position:50%}.ommt{margin-top:1rem}section.main{align-items:center;text-align:center}.hero-text{max-width:100%;margin-bottom:1.5rem}.center-on-small{margin-inline:auto!important}.project-grid>*{flex-basis:100%!important;max-width:100%!important}.desktop-links{display:none}.mobile-links,nav.appbar{flex-direction:column;align-items:center}nav.appbar{justify-content:flex-end}nav.appbar.open{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#2f3542;border-color:#444c56}nav.appbar.open .mobile-links{display:flex;padding-bottom:1rem;width:100%}nav.appbar.open .mobile-links .link{height:44px;padding:0 3rem;width:100%;border-radius:0;border:none}nav.appbar.open .mobile-links .link:not(:last-child){border-bottom:1px solid #444c56}.menu-button{display:flex!important}}