:root{--clr-dark: #0f172a;--clr-light: #f0fdf4;--clr-green200: #bbf7d0;--clr-green400: #4ade80;--clr-green600: #16a34a;--clr-green800: #166534;--clr-green950: #052e16;--clr-cyan: #06b6d4;--clr-yellow: #fde047;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-9xl: 10rem}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}.light-mode{--clr-light: #052e16;--clr-dark: #f0fdf4;--clr-green200: #16a34a;--clr-green400: #16a34a;--clr-green600: #16a34a;--clr-green800: #16a34a;--clr-green950: #16a34a}body{font-family:Roboto,Arial;color:var(--clr-light);background-color:var(--clr-dark)}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 #0000}body::-webkit-scrollbar-thumb{background-color:var(--clr-cyan);outline:1px solid var(--clr-cyan)}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.header{display:flex;justify-content:flex-end;align-items:center;padding-top:2rem;padding-bottom:2rem;position:relative;z-index:9999}.header-menu{display:none}.header-bars{color:var(--clr-light);width:var(--size-2xl);height:var(--size-2xl);display:block}.socials{position:absolute;left:-1em;top:2.2em;list-style:none;align-items:center}.github-icon{background-color:var(--clr-green800);height:var(--size-2xl);width:var(--size-2xl);border-radius:50%;display:flex;overflow:hidden}.github-svg{width:100%;display:block}.github-icon:hover .tooltip{opacity:.7}@media (min-width: 768px){.header-menu{display:flex;align-items:center;list-style:none;padding:0;gap:2em}.header-link{font-size:var(--size-xs);text-decoration:none;font-weight:600;color:var(--clr-green800);letter-spacing:-.05em;transition:color .3s}.header-link:hover{color:var(--clr-green400)}.header-line{border:1px solid var(--clr-green800);padding-top:1.5em}.header-sun{display:block;color:var(--clr-green800);width:var(--size-base);height:var(--size-base)}.header-resume{font-size:var(--size-xs)}.header-bars{display:none}.socials{top:2em}}@media (min-width: 1024px){.header-link{font-size:var(--size-sm)}.header-sun{width:var(--size-xl);height:var(--size-xl)}.header-resume{font-size:var(--size-sm)}.socials{top:1.5em}.github-icon{height:var(--size-3xl);width:var(--size-3xl)}}.hero{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.hero-img{border-radius:50%;width:6rem;height:6rem;opacity:.7}.hero-subtitle{color:var(--clr-green200);font-size:var(--size-base);line-height:.9}.hero-title{color:var(--clr-green400);text-transform:uppercase;font-size:var(--size-4xl);line-height:.9}.hero-description{max-width:60ch;font-size:var(--size-sm);color:var(--clr-green200)}.hero-btn{text-transform:capitalize;font-size:var(--size-xs)}@media (min-width: 475px){.hero{gap:1.5rem}.hero-img{width:6.5rem;height:6.5rem}.hero-subtitle{font-size:var(--size-lg)}.hero-title{font-size:var(--size-5xl)}.hero-description{font-size:var(--size-base)}.hero-btn{font-size:var(--size-sm);margin-top:.5rem}}@media (min-width: 1024px){.hero-img{width:8rem;height:8rem}.hero-subtitle{font-size:var(--size-2xl)}.hero-title{font-size:var(--size-7xl)}.hero-description{font-size:var(--size-lg)}.hero-btn{font-size:var(--size-base);margin-top:2rem}}@media (min-width: 1280px){.hero{gap:2rem}.hero-img{width:10rem;height:10rem}.hero-subtitle{font-size:var(--size-4xl)}.hero-description{font-size:var(--size-xl)}.hero-btn{font-size:var(--size-lg)}}.about-content{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.about-title{font-size:var(--size-2xl);color:var(--clr-light)}.about-description{max-width:60ch;font-size:var(--size-sm);color:var(--clr-green200)}@media (min-width: 475px){.about-content{gap:1.5rem}.about-title{font-size:var(--size-3xl)}.about-description{font-size:var(--size-base)}}@media (min-width: 640px){.about-description{max-width:80ch}}@media (min-width: 1024px){.about{display:flex;justify-content:center;align-items:center}.about-content{flex:1;margin-top:5rem}.about-title{font-size:var(--size-4xl)}.about-description{font-size:var(--size-lg)}}@media (min-width: 1280px){.about-content{margin-top:5.5rem}.about-title{font-size:var(--size-5xl)}.about-description{font-size:var(--size-xl)}}.featured-subtitle{font-size:var(--size-sm);color:var(--clr-green600);text-transform:capitalize;font-weight:400}.featured-wrapper{display:flex;align-items:center;gap:1rem}.featured-title{font-size:var(--size-2xl);color:var(--clr-light);text-transform:capitalize}.featured-link{width:var(--size-2xl);height:var(--size-2xl);color:var(--clr-cyan)}.featured-description{max-width:60ch;color:var(--clr-green200);font-size:var(--size-sm);margin:1rem 0}.featured-info-container{display:flex;flex-wrap:wrap;gap:1rem}.featured-info-container div{flex:1;min-width:250px}.featured-label{font-size:var(--size-base);text-transform:capitalize;margin-bottom:.25em}.featured-tech-stack{padding:0;list-style:none}.featured-info{font-size:var(--size-sm);color:var(--clr-green200)}.featured-hr{border-color:var(--clr-green400);margin:2rem 0}@media (min-width: 475px){.featured-subtitle{font-size:var(--size-base)}.featured-title{font-size:var(--size-3xl)}.featured-link{width:var(--size-3xl);height:var(--size-3xl)}.featured-description{font-size:var(--size-base);margin:1.5rem 0}.featured-label{font-size:var(--size-lg)}.featured-info{font-size:var(--size-base)}.featured-hr{margin:2.5rem 0}}@media (min-width: 1024px){.featured-subtitle{font-size:var(--size-lg)}.featured-title{font-size:var(--size-4xl)}.featured-link{width:var(--size-4xl);height:var(--size-4xl)}.featured-description{font-size:var(--size-lg)}.featured-label{font-size:var(--size-xl)}.featured-info{font-size:var(--size-lg)}.featured-hr{margin:3.5rem 0}}@media (min-width: 1280px){.featured{padding-left:5rem}.featured-subtitle{font-size:var(--size-xl)}.featured-title{font-size:var(--size-5xl)}.featured-link{width:var(--size-5xl);height:var(--size-5xl)}.featured-description{font-size:var(--size-xl);margin:2rem 0}.featured-label{font-size:var(--size-2xl)}.featured-info{font-size:var(--size-xl)}.featured-hr{margin:4rem 0}}.work{text-align:center}.work-title{font-size:var(--size-2xl);color:var(--clr-light)}.work-description{max-width:60ch;font-size:var(--size-sm);margin:1rem auto 2.5rem}.work-project-title{font-size:var(--size-base);margin-bottom:1rem}.work-img{border-radius:1%;transition:border-radius .15s}.work-img-wrapper{position:relative}.work-img-wrapper:after{content:"";background-color:#06b6d433;filter:drop-shadow(var(--clr-cyan) .5rem .5rem 1rem);border-radius:1%;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:background-colo .3s,filter .5s,border-radius .15s}.work-img-wrapper:hover:after{background-color:#06b6d41a;filter:none;border-radius:0}.work-img-wrapper:hover .work-img{border-radius:0}.work-project:not(:last-child){margin-bottom:5rem}.work-project-description1{font-size:var(--size-sm);color:var(--clr-green200);margin:1rem 0}.work-project-description2{font-size:var(--size-sm);color:var(--clr-green400);margin:1rem 0}.work-project-subtitle{display:none}@media (min-width: 475px){.work-title{font-size:var(--size-3xl)}.work-description{font-size:var(--size-base);margin:1.5rem auto 3rem}.work-project-title{font-size:var(--size-lg);margin-bottom:1.5rem}.work-project-description1{font-size:var(--size-base);margin:1.5rem 0}.work-project-description2{font-size:var(--size-base)}}@media (min-width: 640px){.work-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image1 content1" "content2 image2" "image3 content3" "content4 image4" "image5 content5";place-items:center;gap:1rem}.work-image1{grid-area:image1}.work-image2{grid-area:image2}.work-image3{grid-area:image3}.work-image4{grid-area:image4}.work-image5{grid-area:image5}.work-content1{grid-area:content1}.work-content2{grid-area:content2}.work-content3{grid-area:content3}.work-content4{grid-area:content4}.work-content5{grid-area:content5}.work-project{padding:0 1rem}.work-project-title{display:none}.work-project-description1{font-size:var(--size-xs);margin:1em 0}.work-project-description2{font-size:var(--size-xs);margin-top:auto}.work-project:not(:last-child){margin-bottom:0}.work-project-subtitle{display:block;font-size:var(--size-base)}}@media (min-width: 768px){.work-project-description1,.work-project-description2{font-size:var(--size-sm)}.work-project-subtitle{font-size:var(--size-lg)}}@media (min-width: 1024px){.work-title{font-size:var(--size-4xl)}.work-description{font-size:var(--size-lg);margin-bottom:3rem}.work-project-description1{font-size:var(--size-base);margin:1.5em 0}.work-project-description2{font-size:var(--size-base)}.work-project-subtitle{font-size:var(--size-xl)}}@media (min-width: 1280px){.work-title{font-size:var(--size-5xl)}.work-description{font-size:var(--size-xl);margin:2rem auto 4rem}.work-project-description1,.work-project-description2{font-size:var(--size-lg)}.work-project-subtitle{font-size:var(--size-2xl)}.work-container{width:80%;margin:0 auto}}@media (min-width: 1536px){.work-container{width:70%}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.contact-title{font-size:var(--size-2xl);color:var(--clr-light);text-transform:capitalize}.contact-description{font-size:var(--size-sm);color:var(--clr-green200);max-width:60ch}.contact-btn{font-size:var(--size-sm)}@media (min-width: 475px){.contact{gap:1.5rem}.contact-title{font-size:var(--size-3xl)}.contact-description,.contact-btn{font-size:var(--size-base)}}@media (min-width: 1024px){.contact-title{font-size:var(--size-4xl)}.contact-description,.contact-btn{font-size:var(--size-lg)}}@media (min-width: 1280px){.contact{gap:2rem}.contact-title{font-size:var(--size-5xl)}.contact-description,.contact-btn{font-size:var(--size-xl)}}.footer-title{font-size:var(--size-xs);font-weight:400;color:var(--clr-green800);text-align:center;text-transform:uppercase;letter-spacing:.2em;-webkit-user-select:none;user-select:none}.mobile-nav{position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;background-color:var(--clr-dark);display:none;justify-content:center;align-items:center;text-align:center}.mobile-nav-menu{list-style-type:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.mobile-nav-link{font-size:var(--size-sm);text-decoration:none;font-weight:600;color:var(--clr-green800);letter-spacing:-.05em;transition:color .3s}.mobile-nav-link:hover{color:var(--clr-green400)}.mobile-nav-line{border:1px solid var(--clr-green800);padding-right:1.5em}.mobile-nav-sun{display:block;color:var(--clr-green800);width:var(--size-base);height:var(--size-base);margin-bottom:.5rem}.mobile-nav-btn{font-size:var(--size-sm)}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;margin-top:4rem}.project-gif-wrapper{border:solid 3px var(--clr-cyan);border-radius:.5%;padding:2px;display:flex;justify-content:center;align-items:center}.project-gif{display:block;width:100%}.project-content{text-align:left;max-width:600px}.project-title{color:var(--clr-cyan);font-size:var(--size-xl);text-transform:capitalize;margin-bottom:1rem}.project-description{color:var(--clr-light);font-size:var(--size-sm);margin-bottom:1.5rem}.components-list{display:flex;color:var(--clr-light);align-items:center;padding:0;list-style:none;gap:1em}.project-btn-wrapper{display:flex;align-items:center;justify-content:center;margin:4rem auto}.project-btn{font-size:var(--size-xs)}@media (min-width: 475px){.project{gap:3rem;margin-top:5rem}.project-description{margin-bottom:2rem}}@media (min-width: 640px){.project{gap:3.5rem;margin-top:6rem}.project-title{font-size:var(--size-2xl)}.project-description{font-size:var(--size-base)}.project-btn-wrapper{margin:5rem auto}.project-btn{font-size:var(--size-sm)}}@media (min-width: 768px){.project{gap:4rem;margin-top:7rem}.project-description{margin-bottom:2.5rem}}@media (min-width: 1024px){.project{gap:4.5rem;margin-top:8rem}.project-description{margin-bottom:3rem}}@media (min-width: 1280px){.project{flex-direction:row;gap:3rem;align-items:flex-end}.project-content{border:3px solid var(--clr-cyan);border-radius:1%;padding:2rem;max-width:500px}.project-description{max-width:60ch;margin-bottom:2rem}.project-btn-wrapper{margin:8rem auto}.project-btn{font-size:var(--size-base)}}@media (min-width: 1536px){.project{gap:4rem;margin-top:10rem}.project-content{max-width:600px}.project-gif-wrapper{width:800px}.project-btn-wrapper{margin:10rem auto}}.loading{filter:blur(40px) grayscale(100%)}.loaded{filter:blur(0) grayscale(0);transition:.7s ease-in-out}.no-scroll{overflow-y:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.section{margin-top:5rem}.btn{font-weight:700;text-decoration:none;background-color:#06b6d480;color:var(--clr-light);padding:.5rem 1rem;border-radius:1rem;border:3px solid var(--clr-cyan);box-shadow:0 1px 3px #bbf7d080,0 1px 2px -1px #bbf7d080;transition:background-color .15s,color .15s,box-shadow .15}.btn:hover{background-color:var(--clr-cyan);color:var(--clr-dark);box-shadow:none}.btn:active{opacity:.8}.tooltip{position:absolute;background-color:var(--clr-green800);color:var(--clr-light);font-size:var(--size-xs);padding:1px 4px;border-radius:2px;bottom:-2.5em;left:46%;opacity:0;transition:opacity .15;pointer-events:none;white-space:nowrap}.hr{border-color:var(--clr-green400);margin:1rem 0}@media (min-width: 475px){.container{max-width:475px}.hr{margin:1.5rem 0}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:786px}}@media (min-width: 1024px){.container{max-width:1024px}.section{margin-top:10rem}.hr{margin:2rem 0}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}