:root{--light-green:#66ffdb;--light-green-low-alpha:rgba(102,255,219,.1);--slate:#8892af;--light-slate:#a8b2d1;--lightest-slate:#cbd5f6;--navy:#0a182e;--light-navy:#112240;--lightest-navy:#233453;--navy-shadow:rgba(2,13,28,.7)}@font-face{font-family:mono;src:url(/static/media/BPmono.b936dc0ba68046567d87.ttf) format("truetype")}@font-face{font-family:Sans;src:url(/static/media/DMSans-Regular.4ee96395e07a04577aab.ttf) format("truetype")}@font-face{font-family:SansBold;src:url(/static/media/DMSans-Bold.c423ce2dc1d85bc50799.ttf) format("truetype")}@font-face{font-family:SansBoldItalic;src:url(/static/media/DMSans-BoldItalic.4d8bbef07cd86c84abbf.ttf) format("truetype")}dl,ol,ul{margin:0;padding:0}section{padding:100px 0}h2{margin:0}li,ul{list-style:none}html{scroll-behavior:smooth}a,a:active,a:focus,a:hover{color:inherit;text-decoration:none}body{-webkit-font-smoothing:antialiased;background-color:#0a182e;background-color:var(--navy);color:#8892af;color:var(--slate);font-family:Sans;font-size:19px;line-height:1.3;margin:0;min-height:100%;overflow-x:hidden;width:100%}.invis{display:none}.show{-webkit-animation:fadeIn .5s ease forwards;animation:fadeIn .5s ease forwards;display:block}.hide{opacity:0}.show-instant{-webkit-animation:slide-down .2s ease forwards;animation:slide-down .2s ease forwards;display:flex!important;flex-direction:column}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-10px)}to{-webkit-transform:translateX(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}@keyframes slide-in{0%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}.light-blue-color{color:var(--main-bg-color-inset)}.light-slate-color{color:#cbd5f6;color:var(--lightest-slate)}.light-green-color{color:#66ffdb;color:var(--light-green)}.big-heading{font-family:SansBold;font-size:clamp(40px,8vw,70px);font-weight:900}::-webkit-scrollbar{width:.25em}::-webkit-scrollbar-track{background:#0a182e;background:var(--navy);border-radius:100vw}::-webkit-scrollbar-thumb{background:rgba(136,146,175,.5);border-radius:100vw}::-webkit-scrollbar-thumb:hover{background:rgba(136,146,175,.8)}@supports(scrollbar-color:var(--slate ) var(--navy )){*{scrollbar-color:rgba(136,146,175,.5) #0a182e;scrollbar-color:rgba(136,146,175,.5) var(--navy);scrollbar-width:thin}}.fade-in-1{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-2{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-3{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-4{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-5{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-6{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-7{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-8{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-9{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:1.6s;animation-delay:1.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-10{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-11{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.fade-in-12{-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:matrix(1,0,0,1,0,20);transform:matrix(1,0,0,1,0,20);transition-delay:0ms;visibility:visible}to{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .5s cubic-bezier(.645,.045,.355,1) 0s;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,transform .5s cubic-bezier(.645,.045,.355,1) 0s;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,transform .5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .5s cubic-bezier(.645,.045,.355,1) 0s;visibility:visible}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:matrix(1,0,0,1,0,20);transform:matrix(1,0,0,1,0,20);transition-delay:0ms;visibility:visible}to{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .5s cubic-bezier(.645,.045,.355,1) 0s;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,transform .5s cubic-bezier(.645,.045,.355,1) 0s;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s,opacity .5s cubic-bezier(.645,.045,.355,1) 0s,transform .5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .5s cubic-bezier(.645,.045,.355,1) 0s;visibility:visible}}.main{margin:0 auto;max-width:1600px;min-height:100vh;padding:0 150px;width:100%}@media only screen and (max-width:800px){.main{padding:0 50px}}.about-me-section{align-items:center;flex-direction:column;margin-inline:auto;max-width:900px}.about-me-section p ul{margin-inline:auto;max-width:500px}.about-me-section p ul:not(p:last-child){margin-bottom:10px}.about-me-section img{height:-webkit-fill-available;height:-moz-available;height:fill-available;width:-webkit-fill-available;width:-moz-available;width:fill-available}.about-me-section .inner{grid-gap:50px;display:grid;gap:50px;grid-template-columns:3fr 2fr}.about-me-section ul.skills-list{grid-gap:8px 10px;display:grid;font-size:15px;gap:8px 10px;grid-template-columns:repeat(2,minmax(140px,200px));justify-content:start;list-style:none;margin:20px 0 0;overflow:hidden}.about-me-section ul.skills-list li:before{color:var(--light-green);content:"▹";left:0;line-height:12px;padding-right:7px;position:relative;width:1rem}.about-me-section .numbered-heading{align-content:center;align-items:center;color:var(--lightest-slate);display:flex;font-family:SansBold;font-size:clamp(26px,5vw,30px);margin:10px 0 40px;max-width:900px;position:relative;white-space:nowrap}.about-me-section .numbered-heading:before{color:var(--light-green);content:"01.";font-family:mono;font-size:clamp(7px,3.2vw,18px);font-weight:400;height:100%;margin-right:10px;position:relative;top:4px}.about-me-section .numbered-heading:after{background:var(--slate);content:"";display:block;height:1px;margin:1rem 0 .8rem 1rem;opacity:.3;width:250px}.about-right .wrapper .img-container img{border-radius:4px}.about-right{margin-inline:auto;max-height:265px;max-width:300px;position:relative}.about-right .wrapper{background-color:var(--light-green);border-radius:4px;display:block;max-width:500px}.about-right .wrapper:after,.about-right .wrapper:before{border-radius:3px;content:"";display:block;height:100%;position:absolute;width:100%}.about-right .wrapper:after{border:2px solid var(--light-green);border-radius:4px;left:20px;top:20px;transition:all .25s ease;z-index:-1}.about-right .wrapper:hover .img-container{-webkit-filter:none;filter:none;mix-blend-mode:normal;transition:all .25s ease}.about-right .wrapper:hover:after{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);transition:all .25s ease}.about-right .wrapper .img-container{border-radius:4px;-webkit-filter:grayscale(100%) contrast(1);filter:grayscale(100%) contrast(1);mix-blend-mode:multiply;transition:all .25s ease}@media only screen and (max-width:950px){.inner{display:block!important}.wrapper{margin-top:70px}.numbered-heading{justify-content:center}.numbered-heading,.numbered-heading:after{width:100%!important}}#featured-projects{margin-inline:auto;max-width:1000px}#featured-projects .numbered-heading-projects{justify-content:start!important}#featured-projects .featured-project-card{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);margin-bottom:100px;position:relative}#featured-projects .featured-project-card:nth-child(odd) .featured-project-content{grid-column:7/-1;text-align:right}#featured-projects .featured-project-card:nth-child(odd) .featured-project-image{grid-column:1/8}#featured-projects .featured-project-card .featured-project-content{grid-area:1/1/-1/7;position:relative}#featured-projects .featured-project-card .featured-project-image{background-color:#66ffdb;box-shadow:0 10px 30px -15px var(--navy-shadow);grid-area:1/6/-1/-1;height:320px;position:relative;transition:all .25s ease}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper{background-color:#66ffdb;border-radius:4px;-webkit-filter:grayscale(100%) contrast(1) brightness(90%);filter:grayscale(100%) contrast(1) brightness(90%);height:100%;mix-blend-mode:multiply;transition:all .25s ease;width:100%}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper img{object-fit:cover}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper a{display:inline-block;overflow:hidden;position:relative}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper a:before{background-color:var(--navy);content:"";height:100%;inset:0;mix-blend-mode:screen;opacity:1;position:absolute;transition:opacity .25s ease;width:100%;z-index:3}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper a:hover:before{opacity:0}#featured-projects .featured-project-card .featured-project-image .featured-project-image-wrapper:hover{-webkit-filter:grayscale(0) contrast(1);filter:grayscale(0) contrast(1);mix-blend-mode:normal;transition:all .25s ease}#featured-projects .featured-project-card .featured-project-description{background-color:var(--light-navy);border-radius:4px;box-shadow:0 10px 30px -15px var(--navy-shadow);box-sizing:border-box;color:var(--light-slate);font-size:17px;padding:25px;position:relative;z-index:2}#featured-projects .featured-project-card .featured-project-description p{text-align:left}#featured-projects .featured-project-card .featured-project-links{align-items:center;color:var(--lightest-slate);display:flex;gap:12px;position:relative}#featured-projects .featured-project-card:nth-child(odd) .featured-project-links{justify-content:flex-end}#featured-projects .featured-project-card .featured-project-text{color:var(--light-green);font-family:mono,sans-serif;font-size:13px;font-weight:400;letter-spacing:.2px;margin-bottom:7px;margin-top:0}#featured-projects .featured-project-card:nth-child(odd) .featured-project-tech-list{justify-content:flex-end}#featured-projects .featured-project-card:nth-child(odd) .featured-project-tech-list,#featured-projects .featured-project-card:nth-child(odd) .featured-project-tech-list li{margin-right:0}#featured-projects .featured-project-card:nth-child(2n) .featured-project-tech-list li{margin-left:0}#featured-projects .featured-project-card .featured-project-tech-list{display:flex;flex-wrap:wrap;font-family:mono;list-style:none;margin:15px 0 7px;padding:0;position:relative;z-index:2}#featured-projects .featured-project-card .featured-project-tech-list li{color:var(--light-slate);font-size:13px;margin:10px 8px;white-space:nowrap}#featured-projects .featured-project-card .featured-project-title{color:var(--lightest-slate);font-size:clamp(24px,5vw,27px);font-weight:700;margin:0 0 14px;transition:all .25s ease}#featured-projects .featured-project-card .featured-project-title:hover{color:#64ffda;transition:all .25s ease}#featured-projects .numbered-heading-projects{color:var(--lightest-slate);display:flex;flex-direction:row;font-family:SansBold;font-size:clamp(24px,5vw,30px);justify-content:center;position:relative}#featured-projects .numbered-heading-projects:before{color:var(--light-green);content:"02.";font-family:mono;font-size:clamp(7px,3.2vw,18px);font-weight:400;height:100%;margin-right:10px;position:relative;top:13px}#featured-projects .numbered-heading-projects:after{background:var(--slate);content:"";display:block;height:1px;margin:1.5rem 0 .8rem 1rem;opacity:.3;width:240px}.project-section{height:100%;padding-top:0}.project-section .other-noteworthy{color:var(--lightest-slate);font-size:clamp(24px,5vw,27px);font-weight:700;margin-bottom:17px;text-align:center}.project-section .card-body{border:none;padding:0}.project-section .card-title{color:var(--lightest-slate);font-family:Sans!important;font-weight:600}.project-section .project-container{align-items:center;box-shadow:0 10px 30px -15px var(--navy-shadow);display:flex;flex-direction:row;gap:20px;height:100%;margin-inline:auto;padding:2rem 1.75rem;position:relative}.project-section .projects-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:50px 0 0;margin-inline:auto;padding:0;width:80%}.project-section .card{background-color:var(--light-navy);border:none;height:16.5rem;justify-content:space-between;width:20rem}.project-section .card-text{font-size:16px}.project-section .project-inner{align-items:flex-start;background-color:var(--light-navy);box-shadow:0 10px 30px -15px var(--navy-shadow);cursor:pointer;display:flex;height:18rem;justify-content:space-between;padding:0 1.75rem 2rem;position:relative;width:19rem}.project-section .project-inner .card-title{transition:all .2s}.project-section .project-tech-list{align-items:flex-end;display:flex;flex-direction:row;flex-grow:1;font-size:13px;gap:1.3rem;list-style:none;padding:0}.project-section .project-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:21px;padding-top:15px}.project-section .project-top .project-links{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:5px 7px;z-index:35}.project-section .project-top .project-links a{background-color:transparent;border:none;color:var(--slate);padding:0 5px}.project-section .project-folder{color:var(--light-green)}.project-section .filter-button{left:80.8%;position:relative}.project-inner .card-title{transition:color .15s ease}.project-inner:hover .card-title{color:var(--light-green);transition:color .15s ease}.project-card{display:inline-flex;transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.project-card:focus-within .card-title{color:var(--light-green);transition:all .18s ease}.project-card:focus-within{-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.filtering{font-family:mono;font-size:medium;position:relative;text-align:center;-webkit-transform:translate(-10px,20px);transform:translate(-10px,20px)}.dropbtn{background-color:transparent;border:1px solid var(--light-green);color:var(--light-green);cursor:pointer;font-size:16px;padding:16px}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:var(--light-navy);border:1px solid var(--navy-shadow);box-shadow:0 8px 16px 0 var(--navy-shadow);display:none;left:0;min-width:180px;position:absolute;z-index:1}.dropdown-content .language-img-container{cursor:pointer;display:inline-block;left:15px;position:relative}.dropdown-content .language-img-container img:first-child{position:relative;right:5px;top:32px;z-index:1}.dropdown-content .language-img-container img:nth-child(2){position:relative;right:10px;top:32px;z-index:2}.dropdown-content .language-img-container img:nth-child(3){position:relative;right:15px;top:32px;z-index:3}.dropdown-content .language-img-container img:nth-child(4){position:relative;right:20px;top:32px;z-index:4}.dropdown-content .language-img-container img:nth-child(5){position:relative;right:25px;top:32px;z-index:5}.dropdown-content button{align-items:center;background-color:var(--light-navy);border:none;color:var(--lightest-slate);display:flex;flex-direction:column;font-size:15px;padding:12px 16px;text-decoration:none}.dropdown-content button:not(button:last-of-type):after{background-color:var(--slate);content:"";height:1px;margin-inline:auto;margin-top:.8rem;opacity:.3;position:relative;top:12px;width:101px}.dropdown-content button:not(button:first-of-type){padding-top:0}.dropdown-content button:last-of-type{padding:1rem 0 1.8rem}.dropdown-content button:first-child{margin-top:.7rem}.dropdown-content button:nth-child(3):before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABPlBMVEXv2k/v2lDv2k7w20/w2k7u2U7x3E7130/14E/w207cyUu/r0bhzUvy3U/dy0u3qUW7rEbjz0zt2U6omkI7OzG8rkbYyEthXTc6OjE4ODBwaTnhzUzx3E/t2E724E+lmEI1NjC+rkapnEMyMy+ek0CqoEObkEDm0UykmEI1Ni+8r0axpkQ0NS97dDvLvknz3U7u2k81NS+6rEXm0019dTtAPzGIfz3gzUvw3FDx207y3E/24lClmUK5qkX541Do1k1rZjmakEDy3VDey0uuoEPWyUuVjkC9rUWdkkHf0k3Eukg9PTF7czvv20/u2k7z3U8/PzFRTjRCQTJUUDXYxkqShz42NjBWUzVQTjQ7OzCqnELv207o1E2uoUN8dDuEezzGtUfj0EyrnkOvokPp1E3w3E/z3k/y3E7x20////++QnvvAAAAAWJLR0RpvGvEtAAAAAd0SU1FB+YGDBQ0J8xQVRcAAADCSURBVBjTY2BAA4wMTGiAgYEZFbBgiOBWA9TPysTMxMoKN4eJiY2djYmNg50TLsLGxc3Dy8cvIMgGEWEQ4hAWERUTl5CUkpaBiMjKySsoKimrqKqpM8NENDS1tHV09Zj1DRjAFslyaBgaGZsYmpqZW4BFLK2sbTRt7exFHZQdnUAinM4urm467twenl7ePjIMvr5+/gIBgUHBIaFh4RGRUf4gv0fHxMbFJ8gkJsXFJacwg0MjNc0ynZchIy1DJo3TAACQ4huYp/4wWwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNi0xMlQyMDo1MjozOSswMDowMDDNsKMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDYtMTJUMjA6NTI6MzkrMDA6MDBBkAgfAAAAAElFTkSuQmCC);display:inline-block;left:-62px;position:relative;top:27px;z-index:100000}.dropdown-content button:nth-child(4):before{content:url(data:image/png;base64,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);display:inline-block;left:-62px;position:relative;top:29px;z-index:100000}.dropdown-content button:nth-child(5):before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHLSURBVHgBndQ9T9tAGAfw/7lxUNJKTaFDR3+DTm2RWql1q6pUMACfAQkx87IBhhmxsoAEAxITZgEkQLIYeJsACQYkIlnAwMabUEju7Iezg0OwzyDxTLHv7nf/uycJwwvVssEtAoYTAwzHV2Xxd9vMudprgY9axgyA6mNK/d/kIz5hKLFeAk0SmG1mZ9E7ZZK2bW9UBWgKQJmkdZOPCsKgCmhUAAkkSMA9f1B1BCaBZQUQblCfQAmAij7nv9OA6hykd4FA7nXFq3UhFUkDfAncPAAtW2QIX9gMrJAACFZGyA3fJBKwYpPg5qqZPw0AIs+Rc4xg5Ok8WCs/9Blt7bs+4smHuiMUG0XFnPuZP8VyybgV3AGRgcRGEpBra3cSVOcOHyhx6n7viV8hYJcMZJmT02B8eachpz02Mq9jzP6q99eOVK/37Z+/Hfv86TYCEB4BEgAiKJ/BuP1N731yL/GYsKmAbHk3AqIKoGatNOX8+9AVX5L82newS2lPx1/f7R3AmZz/g/YJIz6W+gPEYlm2nazw89Y6cHQiZ8seEbngFRMLPW56kqhaG+TNMwvOErB/WAXCbZkBvcGpT/Ts/0kIuRcWcoV4fglla9A9XfrFwMKhOlQAAAAASUVORK5CYII=);display:inline-block;left:-62px;position:relative;top:25px;z-index:100000}.dropdown-content button:nth-child(6):before{content:url(data:image/png;base64,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);display:inline-block;left:-62px;position:relative;top:28px;z-index:100000}.dropdown-content button:nth-child(7):before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHLSURBVHgBndQ9T9tAGAfw/7lxUNJKTaFDR3+DTm2RWql1q6pUMACfAQkx87IBhhmxsoAEAxITZgEkQLIYeJsACQYkIlnAwMabUEju7Iezg0OwzyDxTLHv7nf/uycJwwvVssEtAoYTAwzHV2Xxd9vMudprgY9axgyA6mNK/d/kIz5hKLFeAk0SmG1mZ9E7ZZK2bW9UBWgKQJmkdZOPCsKgCmhUAAkkSMA9f1B1BCaBZQUQblCfQAmAij7nv9OA6hykd4FA7nXFq3UhFUkDfAncPAAtW2QIX9gMrJAACFZGyA3fJBKwYpPg5qqZPw0AIs+Rc4xg5Ok8WCs/9Blt7bs+4smHuiMUG0XFnPuZP8VyybgV3AGRgcRGEpBra3cSVOcOHyhx6n7viV8hYJcMZJmT02B8eachpz02Mq9jzP6q99eOVK/37Z+/Hfv86TYCEB4BEgAiKJ/BuP1N731yL/GYsKmAbHk3AqIKoGatNOX8+9AVX5L82newS2lPx1/f7R3AmZz/g/YJIz6W+gPEYlm2nazw89Y6cHQiZ8seEbngFRMLPW56kqhaG+TNMwvOErB/WAXCbZkBvcGpT/Ts/0kIuRcWcoV4fglla9A9XfrFwMKhOlQAAAAASUVORK5CYII=);display:inline-block;left:-62px;position:relative;top:25px;z-index:100000}@media only screen and (max-width:1084px){.project-inner{margin-inline:auto}.projects p{text-align:left}.projects-grid{justify-content:center}ul.projects-grid a{margin-inline:auto;width:fill-available;width:-webkit-fill-available;width:-moz-available}}@media only screen and (max-width:950px){.numbered-heading-projects,.numbered-heading-projects:after{width:100%!important}.filter-button{left:71.2%!important;position:relative}.dropdown-content{left:-50%}}@media only screen and (max-width:350px){.dropdown-content{left:-65%}}@media(max-width:768px){#featured-projects .featured-project-card .featured-project-image{height:100%;opacity:.25}#featured-projects .featured-project-card .featured-project-content{display:flex;flex-direction:column;grid-column:1/-1;grid-column:1/-1!important;height:100%;justify-content:center;padding:40px 40px 30px;text-align:left!important;z-index:5}#featured-projects .featured-project-card .featured-project-content .featured-project-description{background-color:transparent;box-shadow:none;padding:20px 0}#featured-projects .featured-project-card .featured-project-content .featured-project-tech-list{justify-content:flex-start!important}#featured-projects .featured-project-card .featured-project-content .featured-project-tech-list li{font-size:15px}#featured-projects .featured-project-card .featured-project-content .featured-project-tech-list li:first-of-type{margin-left:0}#featured-projects .featured-project-card .featured-project-content .featured-project-links{justify-content:flex-start!important;margin-top:7px}.featured-project-image{grid-column:1/-1!important}}#contact{display:flex;flex-direction:column;margin:200px auto 100px;max-width:600px;text-align:center}#contact .whats-next{display:block;font-size:16px;margin-bottom:20px}#contact .whats-next,#contact .whats-next:before{color:var(--light-green);font-family:mono;font-weight:400}#contact .whats-next:before{content:"03.";font-size:clamp(7px,3.2vw,15px);height:100%;left:-5px;position:relative;width:0}#contact .get-in-touch{color:var(--lightest-slate);font-family:SansBold;font-size:clamp(40px,5vw,55px);font-weight:900;line-height:1.1;margin:0 0 10px}#contact .contact-description{font-size:18px}#contact .contact-button{background-color:transparent;border-color:var(--light-green);border:1px solid var(--light-green);border-radius:4px;color:var(--light-green)!important;font-family:mono;font-size:14px;line-height:1;margin:50px auto 0;max-width:50%;padding:1.25rem 1.75rem}.side-socials{bottom:98px;color:var(--light-slate);display:flex;left:40px;margin-bottom:18px;position:fixed;right:auto;width:40px;z-index:10}.side-socials ul{align-items:center;display:flex;flex-direction:column;padding:0}.side-socials a,.side-socials button{background-color:transparent;border:none;color:var(--light-slate);display:block;padding:10px}.side-socials li:last-of-type:after{border:.5px solid var(--light-slate);content:"";height:115px;left:50%;position:absolute;top:163px;width:0}.side-email{align-items:center;bottom:13.4rem;cursor:pointer;display:flex;flex-direction:column;font-size:15px;padding:0;position:fixed;right:0}.side-email a{color:var(--light-slate);text-decoration:none;transition:all .2s ease}.side-email a:focus,.side-email a:hover{color:var(--light-green);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.side-email:after{border:.5px solid var(--light-slate);content:"";cursor:default;height:120px;left:50%;position:absolute;top:-252%;-webkit-transform:rotate(270deg) translateY(190px);transform:rotate(270deg) translateY(190px);width:0}.rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sidenav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--light-navy);flex-direction:column;height:100vh;justify-content:space-evenly;overflow-x:hidden;padding-top:100px;position:fixed;right:0;top:0;transition:.15s;width:0;z-index:7}.sidenav button{align-items:stretch;align-self:center;background-color:transparent;border:none;color:var(--lightest-slate);display:flex;flex-direction:column-reverse;font-size:22px;margin:20px;padding:5px;text-align:center;text-decoration:none;transition-duration:20ms;width:100%;width:-webkit-fill-available;width:fill-available}.sidenav button:hover{cursor:pointer}.sidenav button:focus,.sidenav button:hover{color:var(--light-green)!important}.sidenav .sidebar-resume-button{background-color:transparent;border:1px solid var(--light-green);border-radius:4px;color:var(--light-green);cursor:pointer;display:block;font-size:16px;font-weight:500;line-height:1;margin:30px auto 0;padding:20px 30px;text-align:center;text-decoration:none;width:40%}.sidenav>li:first-of-type{padding-top:2rem}.sidenav li{display:flex;flex-direction:column-reverse}.sidenav li:first-child>button:after{content:"01."}.sidenav li:first-child>button:after,.sidenav li:nth-child(2)>button:after{align-self:center;color:var(--light-green);display:flex!important;font-family:mono;font-size:clamp(7px,3.2vw,15px);font-size:17px;font-weight:400;height:100%;left:-12px;margin-bottom:10px;position:relative;width:0}.sidenav li:nth-child(2)>button:after{content:"02."}.sidenav li:nth-child(3)>button:after{content:"03."}.sidenav li:nth-child(3)>button:after,.sidenav li:nth-child(4)>button:after{align-self:center;color:var(--light-green);display:flex!important;font-family:mono;font-size:clamp(7px,3.2vw,15px);font-size:17px;font-weight:400;height:100%;left:-12px;margin-bottom:10px;position:relative;width:0}.sidenav li:nth-child(4)>button:after{content:"04."}.skip-nav-link{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--light-green);border:1px solid var(--light-green);border-radius:0 0 .25em .25em;-webkit-filter:none;filter:none;font-family:Sans;font-size:14px;left:.5rem;line-height:1;padding:1.25rem 1.75rem;position:absolute;-webkit-transform:translateY(-120%);transform:translateY(-120%);transition:-webkit-transform 325ms ease-in;transition:transform 325ms ease-in;transition:transform 325ms ease-in,-webkit-transform 325ms ease-in;z-index:20}.skip-nav-link:focus{-webkit-transform:translateY(0);transform:translateY(0)}nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px var(--navy-shadow);display:flex;-webkit-filter:none!important;filter:none!important;font-family:Sans;height:80px;justify-content:space-between;letter-spacing:.8px;opacity:1;padding:0 50px;pointer-events:auto!important;position:-webkit-sticky!important;position:sticky!important;top:0;-webkit-transform:none;transform:none;-webkit-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important;width:100%}nav.navbar{padding-block:0;z-index:5}nav.is-hidden{-webkit-transform:translateY(-90px);transform:translateY(-90px)}nav.is-hidden,nav.is-visible{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}nav.is-visible{-webkit-transform:translate(0);transform:translate(0)}nav .nav-btn{align-items:center;border:0;color:inherit;display:flex;justify-content:center;margin-right:-15px;padding:15px;position:relative;text-transform:none;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-timing-function:linear;z-index:20}nav .nav-btn,nav .nav-link{background-color:transparent}nav .nav-link{border:none;color:var(--lightest-slate)!important;cursor:pointer;font-size:13px;letter-spacing:1.2px;padding:10px!important}nav .nav-link:focus,nav .nav-link:hover{color:var(--light-green)!important}nav .navbar-brand{border:none;color:var(--light-green)!important;padding-top:.9125rem}nav .navbar-brand,nav .resume-button{background-color:transparent;cursor:pointer}nav .resume-button{border:1px solid var(--light-green);border-radius:4px;color:var(--light-green);display:block;font-size:13px;line-height:1;margin-right:50px;padding:.75rem 1rem;text-decoration:none;transition:background-color .35s ease}nav .resume-button:focus,nav .resume-button:hover{background-color:var(--light-green-low-alpha);transition:background-color .35s ease}nav .navbar-nav{align-items:end;flex-direction:row;gap:20px}nav .navbar-nav li:first-child{display:flex;gap:15px}nav .navbar-nav li:first-child:before{align-self:center;color:var(--light-green);content:"01.";display:flex!important;font-family:mono;font-size:clamp(6px,3.2vw,12px);font-weight:400;height:100%;left:-5px;position:relative;width:0}nav .navbar-nav li:nth-child(2){display:flex;gap:15px}nav .navbar-nav li:nth-child(2):before{align-self:center;color:var(--light-green);content:"02.";display:flex!important;font-family:mono;font-size:clamp(6px,3.2vw,12px);font-weight:400;height:100%;left:-5px;position:relative;width:0}nav .navbar-nav li:nth-child(3){display:flex;gap:15px}nav .navbar-nav li:nth-child(3):before{align-self:center;color:var(--light-green);content:"03.";display:flex!important;font-family:mono;font-size:clamp(6px,3.2vw,12px);font-weight:400;height:100%;left:-5px;position:relative;width:0}#signature{stroke-dasharray:2902;stroke-dashoffset:2902;-webkit-animation:sign 4s ease;animation:sign 4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes sign{to{stroke-dashoffset:0}}@keyframes sign{to{stroke-dashoffset:0}}.ham-box{display:inline-block;height:24px;position:relative;width:30px}.ham-box .ham-box-inner{top:50%;transition:-webkit-transform .22s cubic-bezier(.55,.055,.675,.19) 0s;transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s;transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19) 0s}.ham-box .ham-box-inner,.ham-box-inner:after,.ham-box-inner:before{background-color:var(--light-green);border-radius:4px;height:2px;position:absolute;right:0;width:30px}.ham-box-inner:after,.ham-box-inner:before{content:"";display:block;left:auto;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease}.ham-box-inner:before{content:"";opacity:1;top:-10px;width:120%}.ham-box-inner:after{bottom:-10px;content:"";display:block;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:80%}.changed .ham-box-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%}.changed .ham-box-inner:before{opacity:0;top:0;width:100%}.changed .ham-box-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}@media only screen and (min-width:801px){.sidenav{width:0!important}#root>:not(aside){-webkit-filter:none!important;filter:none!important}body{overflow:inherit!important}}@media only screen and (max-width:800px){.navbar{padding:0 25px 0 0!important}}.footer{align-items:center;color:var(--light-slate);display:flex;flex-direction:column;font-size:12px;height:auto;justify-content:center;letter-spacing:.7px;line-height:1;min-height:70px;padding:15px;text-align:center}.footer p{font-size:13px;margin:13px 0 3px}.footer small{font-size:10px}.footer .footer-socials{display:flex;flex-direction:row;gap:18px;justify-content:center;margin-top:10px}.footer .footer-socials a{background-color:transparent;border:none;display:inline-block}.home{-webkit-box-align:center;align-items:flex-start;color:var(--slate);display:flex;flex-direction:column;justify-content:center;margin-inline:auto;max-width:1000px;min-height:100vh;padding:0 0 150px}.home h3{line-height:.9;margin:10px 0 0}.home .hi{color:var(--light-green);font-family:mono,sans-serif;font-size:clamp(14px,5vw,16px);margin-left:2px}.home .alternating{color:var(--light-green);cursor:pointer;position:relative;text-decoration:none;transition:color .3s ease}.home .alternating:before{background-color:var(--light-green);bottom:12px;content:"";height:5px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease;visibility:hidden;width:100%}.home .alternating:hover{transition:-webkit-text-decoration .25s ease-in-out;transition:text-decoration .25s ease-in-out;transition:text-decoration .25s ease-in-out,-webkit-text-decoration .25s ease-in-out}.home .alternating:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}.home .about-me-header{font-size:20px;line-height:1.3;margin:20px 0 0;max-width:540px}.home .button-header{background-color:transparent;border:1px solid var(--light-green);border-radius:4px;color:var(--light-green);cursor:pointer;font-family:SansBold;font-size:14px;font-weight:500;letter-spacing:1.2px;line-height:1;margin-top:50px;padding:1.4rem 1.9rem;text-decoration:none}@media only screen and (max-width:800px){section:not(.home)>div:first-of-type{align-self:flex-start}}.resume,iframe{height:100%;width:100%}.resume-container{display:block;height:100vh}.todo-container{color:#fff;font-family:DMSans-Regular,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.todo-container .todo-header{margin-bottom:2rem;text-align:center}.todo-container .todo-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.todo-container .todo-header p{font-size:1.1rem;opacity:.9}.todo-container .todo-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:15px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.todo-container .todo-form .todo-input{background:hsla(0,0%,100%,.9);border:none;border-radius:10px;color:#333;flex:1 1;font-size:1rem;outline:none;padding:1rem;transition:all .3s ease}.todo-container .todo-form .todo-input:focus{background:#fff;box-shadow:0 0 20px hsla(0,0%,100%,.3)}.todo-container .todo-form .todo-input::-webkit-input-placeholder{color:#666}.todo-container .todo-form .todo-input:-ms-input-placeholder{color:#666}.todo-container .todo-form .todo-input::placeholder{color:#666}.todo-container .todo-form .add-button{background:transparent;border:2px solid var(--light-green);border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.todo-container .todo-form .add-button:hover{background:rgba(102,255,219,.157);box-shadow:0 5px 15px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.todo-container .todo-form .add-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.todo-container .todo-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.todo-container .todo-stats .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.todo-container .todo-stats .stat-card:hover{background:hsla(0,0%,100%,.12);box-shadow:0 8px 25px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.todo-container .todo-stats .stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.todo-container .todo-stats .stat-card .stat-number{color:#fff;display:block;font-family:SansBold,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}.todo-container .todo-stats .stat-card .stat-label{color:hsla(0,0%,100%,.8);display:block;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.todo-container .todo-stats .stat-card.completed-card:before{background:linear-gradient(90deg,#4caf50,#45a049)}.todo-container .todo-stats .stat-card.remaining-card:before{background:linear-gradient(90deg,#ff9800,#f57c00)}.todo-container .todo-actions{margin-bottom:2rem;text-align:center}.todo-container .todo-actions .clear-button{background:transparent;border:2px solid rgba(255,0,0,.534);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.todo-container .todo-actions .clear-button:hover:not(:disabled){box-shadow:0 5px 15px hsla(0,100%,71%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.todo-container .todo-actions .clear-button:disabled{cursor:not-allowed;opacity:.5}.todo-container .todo-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:15px;min-height:200px;padding:1.5rem}.todo-container .todo-list .todo-droppable{min-height:50px;transition:background-color .2s ease}.todo-container .todo-list .todo-droppable.dragging-over{background:hsla(0,0%,100%,.05);border-radius:8px}.todo-container .todo-list .empty-state{opacity:.8;padding:3rem;text-align:center}.todo-container .todo-list .empty-state p{font-size:1.2rem}.todo-container .todo-list .todo-item{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.todo-container .todo-list .todo-item:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateX(5px);transform:translateX(5px)}.todo-container .todo-list .todo-item.completed{background:hsla(0,0%,100%,.05);opacity:.6}.todo-container .todo-list .todo-item.completed .todo-text{text-decoration:line-through}.todo-container .todo-list .todo-item .todo-content{align-items:center;display:flex;flex:1 1;gap:1rem}.todo-container .todo-list .todo-item .todo-content .todo-checkbox{accent-color:#4caf50;cursor:pointer;height:20px;width:20px}.todo-container .todo-list .todo-item .todo-content .todo-text{font-size:1.1rem;word-break:break-word}.todo-container .todo-list .todo-item .delete-button{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.todo-container .todo-list .todo-item .delete-button:hover{background:#ff5252;-webkit-transform:scale(1.1);transform:scale(1.1)}.todo-container .todo-footer{margin-top:2rem;opacity:.8;text-align:center}.todo-container .todo-footer p{font-size:.9rem}.todo-container .loading{font-size:1.2rem;padding:3rem;text-align:center}@media(max-width:768px){.todo-container{padding:1rem}.todo-container .todo-header h1{font-size:2rem}.todo-container .todo-form{flex-direction:column}.todo-container .todo-form .todo-input{margin-bottom:1rem}.todo-container .todo-stats{gap:.8rem;grid-template-columns:1fr}.todo-container .todo-stats .stat-card{padding:1rem}.todo-container .todo-stats .stat-card .stat-number{font-size:1.5rem}.todo-container .todo-stats .stat-card .stat-label{font-size:.8rem}.todo-container .todo-item .todo-content{gap:.5rem}.todo-container .todo-item .todo-content .todo-text{font-size:1rem}}
/*# sourceMappingURL=main.efe0f847.css.map*/