.nav__list{display:flex;margin-right:1.5em}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{align-items:center;background-color:var(--clr-bg);display:none;flex-direction:column;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;margin-left:.8em;z-index:2}}.header{height:4em;justify-content:flex-end;margin:0 auto;max-width:1100px;width:95%}@media (max-width:600px){.header{height:6em}}.about{flex-direction:column;margin-top:2em}.about__name{-webkit-animation:hue 120s linear infinite;animation:hue 120s linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(92deg,#f35626,#fea63a);color:transparent}.about__desc__and__img{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.about__image{border-radius:50%;height:8em;margin-left:15px;margin-top:15px;object-fit:cover;position:relative;top:5px;width:8em}@-webkit-keyframes hue{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes hue{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.about__role{font-size:1.1rem;margin-top:1rem}.about__desc{font-size:.95rem;line-height:1.4;max-width:600px}.about__contact,.about__desc{margin-top:1.8em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:0}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}.about__desc__and__img{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.about__image{border-radius:50%;height:7em;margin-left:0;margin-top:5px;object-fit:cover;position:relative;top:4px;width:7em}.about__name{align-self:center;margin-bottom:0}}.projects__list{margin:0 auto;max-width:1100px;padding:0}.project__item{border-bottom:1px solid;border-color:rgba(0,0,0,.1);padding:1.5rem 0;transition:all .2s ease}.dark .project__item{border-color:hsla(0,0%,100%,.1)}.project__item:last-child{border-bottom:none}.project__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem}.project__title-section{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.project__name{color:var(--clr-fg);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.dark .project__name{color:#fff}.project__category{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project__category--uni{background-color:var(--unicolour);color:var(--clr-bg)}.project__category--personal{background-color:var(--personalcolour);color:var(--clr-bg)}.project__links{display:flex;flex-shrink:0;gap:.5rem}.project__btn{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--itemcolour);border:1px solid var(--shadowmore);border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,77,64,.2);color:var(--textcolour);display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;padding:.4rem .7rem;text-decoration:none;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;white-space:nowrap}.project__btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project__btn svg{height:14px;width:14px}.project__description{color:var(--clr-fg-alt);font-size:.85rem;line-height:1.5;margin:0 0 1rem}.dark .project__description{color:#e0e0e0}.project__tech-stack{display:flex;flex-wrap:wrap;gap:.3rem}.project__tech{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--itemcolour);border:1px solid var(--shadowmore);border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,77,64,.2);color:var(--textcolour);font-size:.7rem;font-weight:500;padding:.2rem .4rem}@media (max-width:768px){.projects__list{padding:0 1rem}.project__item{padding:1.2rem 0}.project__header{align-items:flex-start;flex-direction:column;gap:.8rem}.project__links{justify-content:flex-start;width:100%}.project__name{font-size:1rem}}@media (max-width:480px){.project__links{flex-wrap:wrap}}.project__other-apps{display:flex;flex-direction:column;gap:.3rem}.other-app__item{font-size:.8rem;line-height:1.4}.other-app__link{color:var(--clr-primary);font-weight:500;text-decoration:none}.other-app__link:hover{text-decoration:underline}.other-app__description,.other-app__separator{color:var(--clr-fg-alt)}.resume{background:transparent;border:1px solid transparent;border-radius:20px;box-shadow:var(--shadow);margin:0 auto;min-width:800px;overflow:hidden;padding:1.5em 1.5em 0;position:relative;text-align:left;transition:background .5s,-webkit-transform .2s linear;transition:transform .2s linear,background .5s;transition:transform .2s linear,background .5s,-webkit-transform .2s linear;width:100%;z-index:1}.resume:before{background-color:var(--clr-glass);border-radius:25px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.resume:hover{border:1px solid hsla(0,0%,65%,.09);box-shadow:var(--shadowmore)}.resume:hover:before{--clr-glass:var(--clr-glass-hover);opacity:.2}.resume:after{content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.resume:hover:after{opacity:.1}.resume__description{margin-top:1em}.resume__skills{display:flex;flex-wrap:wrap;justify-content:start;margin:1.2em 0;position:relative}.resume__skills-item{color:var(--clr-fg-alt);font-size:.75rem;font-weight:500;margin:.3em}.resume .link--icon{margin-left:.5em}.resume-header{justify-content:space-between;width:100%}.resume-header,.role-and-company{align-items:flex-start;display:flex}.role-and-company{flex-direction:column}.resume-role{font-size:1.2em}.resume-company{font-size:1em;padding:.2em 0 .8em}.resume-dates{font-size:.85em;text-align:right}.resume-description{font-size:.8em;line-height:1.4;white-space:pre-wrap}.resume-name{text-align:left}.resume .link--icon{bottom:-1em;margin:1.2em;position:absolute;right:0}.resume-image-container{background-size:cover;bottom:1em;display:block;-webkit-filter:var(--image-filter);filter:var(--image-filter);max-height:6em;opacity:.2;position:absolute;right:1em;z-index:-1}@media (max-width:768px){.resume{min-width:auto;width:95%}}.atropos{display:block;-webkit-perspective:1200px;perspective:1200px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{display:block;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.atropos-highlight,.atropos-shadow{display:block;opacity:0;pointer-events:none;position:absolute;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.atropos-shadow{background:#000;-webkit-filter:blur(30px);filter:blur(30px);height:100%;left:0;top:0;width:100%;z-index:-1}.atropos-highlight{background-image:radial-gradient(circle at 50%,hsla(0,0%,100%,.25),transparent 50%);height:200%;left:-50%;top:-50%;width:200%;z-index:0}.atropos-inner,.atropos-rotate{position:relative}.atropos-inner{display:block;height:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}::slotted([data-atropos-offset]),[data-atropos-offset]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-atropos-opacity]{transition-property:opacity}::slotted([data-atropos-offset][data-atropos-opacity]),[data-atropos-offset][data-atropos-opacity]{transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.resume__grid{grid-gap:1.5em;flex-direction:column}.resume__grid,.skills__list{display:flex;margin:0 auto;max-width:1100px}.skills__list{flex-wrap:wrap;gap:.4rem;justify-content:center;padding:0}.skills__item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--itemcolour);border:1px solid var(--shadowmore);border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,77,64,.2);color:var(--textcolour);font-size:.75rem;font-weight:500;padding:.3rem .6rem}@media (max-width:768px){.skills__list{padding:0 1rem}}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column;margin:0 auto;max-width:1100px;text-align:center}.contact__text{color:var(--clr-fg);font-size:.9rem;line-height:1.5;margin:0}.contact__link{color:var(--clr-primary);text-decoration:none;transition:color .2s ease}.contact__link:hover{color:var(--clr-primary);text-decoration:underline}@media (max-width:768px){.contact{padding:0 1rem}}.footer{font-size:.66rem;margin-top:4em;padding:3em 0;text-align:center}.footer div:first-child{margin-bottom:20px}.footer__link{color:var(--clr-fg);font-weight:600}@media (max-width:600px){.footer{margin-top:3em;padding:2em}}.project__stack_page{display:flex;flex-wrap:wrap;justify-content:left;margin:0}.project__stack_page-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;margin:.5em}.main-container{margin:0 auto;max-width:1100px;padding:20px}.headline-image{border-radius:15px;box-shadow:5px 5px 15px rgba(0,0,0,.3);display:block;height:20%;margin-bottom:40px;margin-left:auto;margin-right:auto;max-height:450px;object-fit:cover;width:100%}.title-container{display:inline-block;margin-bottom:10px}.title-heading{display:inline;margin:0}.info-paragraph{margin-bottom:10px}body{background-color:#0e172a;background:radial-gradient(circle at var(--x) var(--y),var(--clr-primary) 50px,var(--clr-bg) 100px);height:100vh;margin:0;padding:0}.app{background:radial-gradient(300px circle at var(--x) var(--y),var(--clr-glow),var(--clr-bg));color:var(--clr-fg);font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.4}.light{--clr-bg:#ededed;--clr-glass:#d1d0d012;--clr-glass-hover:#fff;--clr-hover:#fff;--clr-glow:#fff;--clr-bg-alt:#fff;--clr-fg:#555;--textcolour:#555;--itemcolour:#ffffff9c;--clr-fg-alt:#444;--clr-primary:#2978b5;--shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px;--shadowmore:rgba(0,0,0,.16) 5px 15px 15px 2px,rgba(38,38,38,.06) 0px 0px 0px 1px;--unicolour:#00ab75;--personalcolour:#a0a;--image-filter:none}.dark{--clr-bg:#0e172a;--clr-glass:#ffffff12;--clr-glass-hover:#576689;--clr-hover:#132042;--textcolour:#fff;--itemcolour:#0000009c;--clr-glow:#132042;--clr-bg-alt:#2a2f4c;--clr-fg:#f0f0f0;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px;--shadowmore:rgba(0,0,0,.16) 5px 15px 15px 2px,hsla(0,0%,100%,.06) 0px 0px 0px 1px;--unicolour:#40ffc2;--personalcolour:#ff51ff;--image-filter:invert(100%)}main{margin:0 auto;max-width:1100px;width:95%}.section{margin-top:3em}.section__title{font-size:1.2rem;margin-bottom:.8em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:500;text-transform:lowercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--itemcolour);border:1px solid var(--shadowmore);border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,77,64,.2);color:var(--textcolour);cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.8em 1.4em;text-align:center;text-transform:lowercase;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:var(--clr-bg-alt);border:0;box-shadow:0 3px 3px 0 rgba(0,0,0,.15);text-transform:none}.btn--plain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}}*{background-color:inherit;border:0;box-shadow:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;margin:0;outline:0;padding:0}html{scroll-behavior:smooth}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}
/*# sourceMappingURL=main.924516a7.css.map*/