@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";/*! 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}body{background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;letter-spacing:.03em}.site-wrapper{padding:2rem 1rem 5.625rem}@media (min-width: 48em){.site-wrapper{display:flex;column-gap:clamp(4rem,7vw,8rem);max-width:75rem;padding-left:clamp(1rem,9vw,19.75rem);padding-right:clamp(1rem,9vw,19.75rem);padding-top:clamp(4.5rem,4vw,6rem);padding-bottom:clamp(4.5rem,4vw,6rem)}}.section-sticky{width:fit-content;height:auto}@media (min-width: 48em){.section-sticky{width:35%;padding-bottom:4rem;max-height:65vh}}.section-scroll{display:flex;flex-direction:column;row-gap:4rem}@media (min-width: 48em){.section-scroll{display:flex;flex-direction:column;row-gap:5rem;max-height:75vh;width:50%;overflow:auto;padding-left:clamp(2rem,2vw,4rem);padding-right:clamp(2rem,2vw,4rem)}.section-scroll::-webkit-scrollbar{width:16px}.section-scroll::-webkit-scrollbar-thumb{background-color:#011627;border-radius:3px}.section-scroll::-webkit-scrollbar-track{background-color:#f7fee7;border:solid 2px #011627;border-radius:3px}}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#011627;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;margin:0;line-height:1.3}h1{font-size:clamp(2.4rem,3vw,3.75rem);transform:translate(-2.5px);white-space:nowrap}h2{font-size:clamp(2rem,2.5vw,3rem);line-height:1.5;font-weight:450}h3{font-size:clamp(1.5rem,1.75vw,2rem);line-height:1.6;font-weight:400;transition:font-weight .1s ease-in-out,transform .1s ease-in-out}p{margin:0}ul{list-style:none}.home-name-title{line-height:1.2}.profile-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:450}.tagline{font-size:clamp(.875rem,2vw,1rem)}a{text-decoration:none;color:#011627}a:hover,a:focus,a:active{text-decoration:none;color:#011627}a:hover{transform:scale(1.03);transition:.25s}nav{background-color:#011627;width:100%;padding:1.5rem 0rem;position:fixed;bottom:0;z-index:1000}@media (min-width: 48em){nav{background-color:#f8f8f8;padding:0;position:relative;z-index:0}}nav ul{display:flex;justify-content:space-around;align-items:center;padding:0;margin:0}@media (min-width: 48em){nav ul{flex-direction:column}}nav ul li p{color:#dbf8a0;font-size:.625rem;text-align:center;margin:0}.nav-icon{display:flex;justify-content:center}.nav-icon:not(.nav-icon-tools){margin-bottom:.25rem}.nav-icon-tools{transform:translateY(2.25px)}.nav-icon:focus-visible,.nav-icon img:focus-visible{outline:2px solid #DBF8A0;outline-offset:4px}.skip-link{position:absolute;left:-999px;top:-999px;z-index:1001;background-color:#f8f8f8;color:#011627;padding:.5rem 1rem;border-radius:4px;text-decoration:none}.skip-link:focus{left:1rem;top:1rem;outline:2px solid #011627}a[aria-current=page]{outline:2px solid #011627;background-color:#f8f8f8}.desktop-site-navigation ul{display:flex;flex-direction:column;row-gap:1.25rem;align-items:start;width:fit-content}.desktop-nav-link{transition:all .3s ease;display:flex;column-gap:.375rem;font-size:22px;align-items:center}.desktop-nav-link:focus-visible{outline:2px solid #011627;outline-offset:4px}.desktop-nav-link:hover circle,.desktop-nav-link:focus-visible circle,.desktop-nav-link[aria-current=page] circle{fill:#dbf8a0;stroke:#011627}.desktop-nav-link[aria-current=page]{border-radius:6px;padding:2px 4px;box-shadow:0 0 3px #0000004d}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.overlay-content{background-color:#011627;color:#f8f8f8;width:100vw;position:relative;height:100vh;overflow-y:auto}@media (min-width: 48em){.overlay-content{width:70vw;max-width:75rem;height:80vh;padding:20px;border-radius:4px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;align-items:center}}.overlay-content::-webkit-scrollbar{width:16px}.overlay-content::-webkit-scrollbar-thumb{background-color:#fff;border:solid 2px #011627}.overlay-content::-webkit-scrollbar-track{background-color:#011627;border-top-right-radius:4px;border-bottom-right-radius:4px}.top-bar{background-color:#011627;width:fit-content;height:auto;padding:.5rem 0;position:absolute;right:2rem}@media (min-width: 48em){.top-bar{top:2rem;z-index:10}}button{background-color:#011627;outline:none;border:none;cursor:pointer}.close-btn svg{fill:#f8f8f8;padding:8px;transition:all .3s ease}.close-btn svg:hover{fill:#dbf8a0;transform:scale(1.3)}.overlay-image{width:fit-content;height:auto;aspect-ratio:16/9;margin-top:5rem;padding:0 1rem}.overlay-image img{width:100%;height:auto;max-height:350px;object-fit:cover;object-position:top;border-radius:6px}@media (min-width: 48em){.overlay-image{padding:0 4rem;max-width:75%}}.overlay-text{padding:0 1rem 2rem;display:flex;flex-direction:column;row-gap:clamp(2.25rem,2vw,2.5rem)}.overlay-text h1{font-size:clamp(3rem,4vw,4.5rem)}@media (min-width: 75em){.overlay-text{max-width:75%}}.overlay-links{display:flex;justify-content:space-evenly;padding:1.5rem 0;width:100%;height:auto}.live-site-link{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #011627;background-color:#c1f066;color:#011627;width:fit-content}.github-link{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #011627;background-color:#fff;color:#011627;width:fit-content}#overlay-title{margin:0 auto}.overlay-intro{display:flex;flex-direction:column;align-items:center}.overlay-tools-list{display:flex;column-gap:.5rem;justify-content:center;flex-wrap:wrap}.overlay-tool{padding:2px 6px;font-size:1.125rem;border-right:solid 2px #F8F8F8}.overlay-tool:last-child{border-right:none}@media (min-width: 48em){.overlay-collab-roles-overview{display:flex;column-gap:4rem}}.overlay-collab-roles{display:flex;flex-direction:column;row-gap:1rem;margin-top:clamp(2rem,2vw,3rem)}.overlay-sub-heading{font-size:1rem;font-weight:700}.overlay-collab{display:flex;flex-direction:column}.overlay-collab .overlay-sub-heading{line-height:1.1}.overlay-roles{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}.overlay-roles .overlay-sub-heading{line-height:1.3}.overlay-roles ul{margin:0;padding:0;display:flex;width:fit-content}.overlay-roles ul li{width:fit-content}.overlay-roles ul li:after{content:",";margin-right:6px}.overlay-roles ul li:last-child:after{content:""}@media (min-width: 48em){.overlay-roles ul{display:flex;flex-direction:column}}.overlay-description{display:flex;flex-direction:column;row-gap:1rem}.overlay-overview{margin-top:2rem}@media (min-width: 48em){.overlay-overview{max-width:60%}}.overlay-tablist{display:flex;margin:0;padding:0;width:100%;max-width:fit-content;height:auto;font-size:1.125rem;font-weight:600}.overlay-tab{padding:6px 10px;border-radius:5px 5px 0 0}.overlay-tab.react-tabs__tab--selected{color:#011627}.overlay-tabpanel{color:#011627;width:100%;overflow-y:auto;display:flex;flex-direction:column;row-gap:2rem}.overlay-tabpanel.react-tabs__tab-panel--selected{height:400px}.scroll-to-top{display:block;text-align:center;color:#f8f8f8;margin:2rem 0;font-size:1.25rem}.scroll-to-top:hover{color:#dbf8a0}.footer{width:fit-content;padding-bottom:2rem}@media (min-width: 48em){.footer{margin:0 auto}}#about{display:flex;flex-direction:column;row-gap:2rem;width:100%}@media (min-width: 48em){#about{max-width:475px}}.about-content{display:flex;flex-direction:column;row-gap:1rem}.about-content :focus{outline:2px solid #005fcc;border-radius:4px}.favourite-tagline{font-style:italic;font-weight:500}.fun{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #011627;background-color:#fff;color:#011627}.tools-section{display:flex;flex-direction:column;row-gap:2rem}@media (min-width: 48em){.tools-section{max-width:475px}}.react-tabs{padding-right:12px}.react-tabs__tab-list{display:flex;column-gap:.6rem;padding:0;margin:0;font-size:1.125rem;font-weight:600}.react-tabs__tab{border-radius:5px 5px 0 0;border-bottom:none;padding:4px 8px}.react-tabs__tab-panel--selected .tool{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #011627;background-color:#011627;color:#fff}.react-tabs__tab--selected{background-color:#dbf8a0;border:solid 2px #011627;border-bottom:none}.react-tabs__tab-panel--selected{border:solid 2px #011627;margin-top:-2px;padding:10px 12px;border-radius:0 0 6px 6px;height:110px;width:100%;max-width:fit-content;overflow:auto;background-color:#fff;scrollbar-width:none;-ms-overflow-style:none}.tab-contain{width:fit-content;height:auto}.react-tabs__tab-panel--selected::-webkit-scrollbar{display:none}#work,.portfolio-featured-list{display:flex;flex-direction:column;row-gap:1rem}@media (min-width: 48em){.portfolio-featured-list{display:flex;flex-direction:column;row-gap:2rem}}.portfolio-works-scroll{height:840px;overflow:auto;display:flex;flex-direction:column;row-gap:2rem;scrollbar-width:none;-ms-overflow-style:none}.portfolio-works-scroll::-webkit-scrollbar{display:none}.portfolio-item{display:flex;flex-direction:column;row-gap:1rem;width:fit-content;height:auto;background-color:#dbf8a0;border-radius:6px;border:solid 2.8px #011627;transition:background-color .1s ease-in-out,border-color .1s ease-in-out,border-width .1s ease-in-out;padding:.5rem 1rem}@media (min-width: 48em){.portfolio-item{max-width:475px;display:flex;flex-direction:column;row-gap:1.25rem}}.portfolio-item h3{font-weight:450}.portfolio-item:hover{background-color:#011627;color:#fff;box-shadow:10px 4px 10px #0003;cursor:pointer}.portfolio-item:hover .tool{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #DBF8A0;background-color:#fff;color:#011627}.portfolio-item .more-info-container svg{transition:transform .3s ease}.portfolio-item:hover .more-info-container svg{fill:#fff;transform:translate(3px)}.portfolio-item .tool{display:flex;flex-direction:column;flex-wrap:nowrap;padding:4px 10px;border-radius:6px;border:2px solid #011627;background-color:#fff;color:#011627}.portfolio-item img{width:100%;height:auto;max-height:300px;border-radius:4px;transition:filter .3s ease;object-fit:cover;object-position:top center}.portfolio-item img:hover img{filter:brightness(1.1)}.tools-list,.react-tabs__tab-panel ul,.fun-list{display:flex;column-gap:.5rem;flex-wrap:wrap;row-gap:.5rem;width:100%;height:auto;padding:0}.more-info-container{display:flex;column-gap:2px;align-items:center}.more-info-container svg{fill:"#011627";width:16px;height:16px}.contact-icons{display:flex;column-gap:2rem;padding-bottom:4rem;padding-left:0}@media (min-width: 48em){.contact-icons{padding-bottom:0}}.contact-icon{fill:#a0a6ac;transition:fill .3s ease;width:40px;height:40px}.contact-icon:hover{fill:#011627}.contact-icon-link:focus{outline:2px solid #005fcc;border-radius:4px}#home{display:flex;flex-direction:column;row-gap:4rem;justify-content:space-between;height:100%}.desktop-home-content{display:flex;flex-direction:column;row-gap:clamp(4rem,4vw,5rem)}.home-content{display:flex;flex-direction:column;row-gap:2rem}