body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{height:100%}body,html{-ms-overflow-style:none;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;scrollbar-width:none}body::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:var(--color-primary);color:#fff;display:none;justify-content:space-between;padding:10px 40px;position:fixed;top:0;width:100%;z-index:1000}.navbar-right{display:flex;font-family:DMMono-Medium,monospace;gap:50px;padding-right:130px}.navbar-right a{-webkit-text-fill-color:var(--color-accent-text);background:none;text-decoration:none}.navbar-right a.active,.navbar-right a:hover{text-decoration:underline}.navbar-right .resume-link{color:#7579fa}@media (min-width:1025px){.navbar{display:flex}}@media (orientation:landscape) and (min-width:820px) and (max-width:1366px){.navbar{display:none!important}}@media (orientation:landscape) and (min-width:2000px){.navbar{font-size:1.5rem}}.sidebar{align-items:center;background:#0000;display:none;flex-direction:column;height:100vh;justify-content:space-between;padding-top:0;position:fixed;top:0;width:150px;z-index:999}.left-sidebar{left:0}.right-sidebar{right:0}@media (orientation:landscape) and (min-width:1025px) and (max-width:1999px){.sidebar{bottom:3rem!important;display:flex;height:auto!important;justify-content:center;position:fixed;top:auto!important}.email-container,.icon-container{margin-top:0!important}.gradient-line{margin-top:1.25rem!important}}@media (orientation:landscape) and (min-width:820px) and (max-width:1366px){.sidebar{display:none!important}}.icon-container{flex-direction:column;gap:15px;margin-top:599px}.icon-container,.sidebar-link{align-items:center;display:flex}.sidebar-link{color:var(--sidebar-fg);font-family:DMMono-Medium,monospace;font-size:.9rem;height:40px;justify-content:center;letter-spacing:.05em;text-decoration:none;transform:rotate(-90deg);transform-origin:center;transition:opacity .25s ease;width:40px}@media (hover:hover) and (pointer:fine){.sidebar-link:hover{opacity:.65}}.sidebar-icon,.sidebar-icon:hover{background-image:none!important}.email-container{align-items:center;display:flex;flex-direction:column;margin-top:509px}.email-text{color:#161417;font-family:DMMono-Medium,monospace;font-size:16px;text-decoration:none;transform:rotate(1turn);writing-mode:vertical-rl}@media (hover:hover) and (pointer:fine){.email-text:focus,.email-text:hover{text-decoration:underline}}.gradient-line{background:var(--color-accent);height:150px;width:3px}@media (orientation:landscape) and (min-width:2000px){.sidebar{bottom:4rem!important;display:flex;height:auto!important;justify-content:center!important;top:auto!important}.email-container,.icon-container{margin-top:0}.email-text{font-size:1.5rem}.icon-container{gap:30px}.sidebar-link{font-size:1.5rem}.gradient-line{margin-top:1.5rem}}@font-face{font-family:DMMono-Medium;font-style:normal;font-weight:400;src:url(/static/media/DMMono-Medium.50d7af0bb966bc0570a2.ttf) format("truetype")}@font-face{font-family:DMMono-Regular;font-style:normal;font-weight:400;src:url(/static/media/DMMono-Regular.15edd89a6460acfb1a86.ttf) format("truetype")}:root{--color-bg:#151515;--color-primary-text:#fff;--color-accent-text:#161417}.section-one{background:#151515;background:var(--color-bg);display:block;padding-top:1rem;position:static}.svg-group{display:none;pointer-events:none;position:absolute}.left-half{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.right-half.scroll-column{display:block;width:100%}.pic-gradient{aspect-ratio:1/1;margin:2rem auto 3rem;max-width:400px;overflow:visible;position:relative;width:80%}.pic-gradient .gradient-bg{width:100%;z-index:1}.pic-gradient .gradient-bg,.pic-gradient .profile-pic-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pic-gradient .profile-pic-overlay{border-radius:50%;max-width:350px;object-fit:cover;width:80%;z-index:2}.hero{color:#161417;color:var(--color-accent-text);font-family:DMMono-Medium,monospace;text-align:center}.hero h1{font-size:2rem;letter-spacing:.05em;margin:.5rem 0}.hero .subtitle{font-size:1rem}.hero .tagline{font-size:.85rem;margin-top:.5rem}.social-row{display:flex;gap:3rem;justify-content:center;margin:.5rem 0 .25rem}.social-row a{-webkit-background-clip:text;background-clip:text;color:var(--coloer-text);font-family:DMMono-Medium,monospace;font-size:1rem;letter-spacing:.05em;text-decoration:none;transition:opacity .25s ease}.social-row a:hover{opacity:.65}.email-row{color:#161417;color:var(--color-accent-text);margin-top:1rem;text-align:center}.email-row a{color:#161417;color:var(--color-accent);font-family:DMMono-Medium,monospace;font-size:.9rem;text-decoration:none}.social-row img{display:none}.about-me-section,.experience-section,.projects-section{padding:0 1rem 2rem}.section-title{color:#161417;color:var(--color-accent-text);display:inline-block;font-size:1.5rem}.about-me-content,.section-title{font-family:DMMono-Medium,monospace}.about-me-content{display:flex;flex-direction:column;gap:1rem}.about-me-text{color:#161417;color:var(--color-accent-text);line-height:1.5;margin:0}.experience-card,.project-card{margin:0 auto 2rem;max-width:400px}.experience-card{background:#161417;background:var(--color-accent);border-radius:1rem;color:var(--color-text);padding:1.25rem}.experience-card .job-title{font-family:DMMono-Regular,monospace;font-size:1.25rem;margin:0 0 .5rem}.experience-card .job-dates{font-family:DMMono-Regular,monospace;font-size:.9rem;margin:0 0 .75rem;opacity:.8}.experience-card .job-description{font-family:DMMono-Regular,monospace;font-size:.9rem;line-height:1.4;margin:0}.project-card{background:#252525;border-radius:1rem;padding:1.25rem}.project-card .project-name{color:var(--color-text);font-family:DMMono-Regular,monospace;font-size:1.25rem;margin:0 0 .5rem}.project-card .project-description{color:var(--color-text);font-family:DMMono-Regular,monospace;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.project-tags{display:flex;gap:1rem}.tag{background:#f4d8b3;background:var(--color-primary);border-radius:.75rem;color:#161417;color:var(--color-accent-text);display:inline-block;font-family:DMMono-Regular,monospace;font-size:.85rem;padding:.25rem .75rem}@media (orientation:landscape) and (min-width:576px) and (max-width:991px){.section-one{column-gap:clamp(1rem,2vw,2rem);padding-inline:clamp(.5rem,2vw,1rem)}.left-half{align-items:center;height:auto;justify-content:center;margin-left:0;padding:2rem 1rem;position:static}}@media (orientation:landscape) and (min-width:992px) and (max-width:1366px){.section-one{column-gap:clamp(1rem,2.5vw,3rem);padding-inline:clamp(1rem,2.5vw,2rem)}.left-half{left:var(--pad-side);margin-left:0}.right-half.scroll-column{margin-inline:auto;max-width:760px}}@media (orientation:landscape) and (min-width:1024px){:root{--pad-side:clamp(4rem,20vw,20rem);--pad-side:clamp(1rem,2vw,2.5rem);--col-left:clamp(300px,45vw,560px);--desktop-shift:clamp(4rem,8vw,12rem);--desk-extra:3rem;--page-gutter:clamp(4rem,6vw,7rem);--gap-col:clamp(2rem,4vw,4rem)}body,html{overflow-x:hidden!important;overflow-y:hidden!important}.section-one{grid-column-gap:var(--gap-col);column-gap:var(--gap-col);display:grid;grid-template-columns:var(--col-left) 1fr;min-height:100vh;padding-inline:var(--pad-side);position:relative}.left-half{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:clamp(11rem,13vw,15rem)!important;overflow:hidden;position:fixed;top:0;width:var(--col-left)}.pic-gradient{max-width:500px}.email-row{display:none}.right-half,.right-half.scroll-column{-webkit-overflow-scrolling:touch;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(1rem,2vh,3rem);grid-column:2/3;height:100vh!important;margin-inline:0!important;margin-left:calc(var(--page-gutter) + var(--col-left) - 25rem)!important;overflow-y:auto!important;overflow-y:auto;padding:clamp(2rem,20vh,8rem);scroll-behavior:smooth;scrollbar-width:none;width:calc(100vw - var(--page-gutter)*2 - var(--col-left) - var(--gap-col))!important}.right-half::-webkit-scrollbar{display:none}.about-me-section,.experience-section,.projects-section{max-width:clamp(400px,40vw,500px);width:100%}.projects-section{padding-bottom:clamp(10rem,10vh,15rem)}.social-row{display:none}.project-card{overflow:visible;position:relative;transition:transform .25s ease,box-shadow .25s ease}.project-card:focus-visible,.project-card:hover{box-shadow:0 8px 16px #0000001f;transform:translate(-4px,-4px) scale(1.04)}.experience-card,.project-card{margin:0 0 1.5rem;max-width:none;width:100%}}@media (orientation:landscape) and (min-width:2000px){body,html{overflow:hidden;overflow-x:hidden}:root{--col-left:clamp(400px,38vw,720px)}.section-one{grid-column-gap:clamp(1rem,2vw,3rem)!important;column-gap:clamp(1rem,2vw,3rem)!important;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden;padding-inline:clamp(1rem,2vw,2.5rem);position:relative}.left-half{align-items:center;display:flex;flex-direction:column;height:90vh;margin-left:0!important;padding-top:10rem;position:sticky}.pic-gradient{margin:7rem auto 5rem;max-width:clamp(620px,45vw,900px)}.pic-gradient .profile-pic-overlay{max-width:500px}.hero h1{font-size:3rem}.hero .subtitle{font-size:1.5rem}.hero .tagline{font-size:1.35rem}.section-title{-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:DMMono-Medium,monospace;font-size:2rem}.about-me-content,.experience-card .job-dates,.experience-card .job-description,.experience-card .job-title,.project-card .project-description,.project-card .project-name{font-size:1.5rem}.tag{font-size:1.2rem}.right-half.scroll-column{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex-direction:column;gap:clamp(1rem,2vh,3rem);height:100vh;margin-inline:auto;overflow-y:auto;padding:clamp(2rem,20vh,8rem);scroll-behavior:smooth;scrollbar-width:none}.right-half.scroll-column::-webkit-scrollbar{display:none}.about-me-section,.experience-section,.projects-section{max-width:100%;width:70%}.projects-section{padding-bottom:clamp(10rem,30vh,20rem)}.social-row{display:none}.project-card{--hover-shadow-color:var(--color-primary);overflow:visible;position:relative;transition:box-shadow .3s ease}.project-card:hover{box-shadow:8px 8px 0 0 var(--hover-shadow-color)}}@media (hover:hover) and (pointer:fine){.email-row a:focus,.email-row a:hover{text-decoration:underline}}@media (orientation:landscape) and (min-width:1024px) and (max-width:1366px){:root{--desktop-shift:1.5rem}.left-half{justify-content:center;margin-left:0!important}.section-one{column-gap:clamp(1rem,2vw,3rem)!important;padding-inline:clamp(1rem,3vw,2rem)}.right-half.scroll-column{margin-inline:auto;max-width:760px;padding:clamp(4rem,6.5vh,5rem)}.email-row{display:flex!important;gap:1rem;justify-content:center}}@media (orientation:portrait) and (min-width:600px) and (max-width:1366px){.left-half{justify-content:center;margin-left:0!important}.section-one{column-gap:clamp(1rem,3vw,2.5rem);padding-inline:clamp(1rem,3vw,2rem)}.right-half.scroll-column{margin-inline:auto;max-width:720px;padding:clamp(4rem,8vh,5rem)}.projects-section{margin-bottom:10rem}.about-me-section{max-width:85%}.experience-card,.project-card{margin:0 0 2rem;max-width:none;width:80%}}@media (orientation:portrait) and (min-width:800px) and (max-width:1366px){.left-half{justify-content:center;margin-left:0!important}.section-one{column-gap:clamp(1rem,3vw,2.5rem);padding-inline:clamp(1rem,3vw,2rem)}.right-half.scroll-column{margin-inline:auto;max-width:720px;padding:clamp(4rem,8vh,5rem)}.projects-section{margin-bottom:10rem}.about-me-section{max-width:100%}.experience-card,.project-card{margin:0 0 2rem;max-width:none;width:90%}}@media (orientation:landscape){.section-one{column-gap:clamp(1rem,2vw,3rem)}}@media (orientation:portrait) and (min-width:768px) and (max-width:1112px){.section-one{column-gap:clamp(1rem,3vw,2.5rem);padding-inline:clamp(1rem,3vw,2rem)}.left-half{margin-left:0;padding:2.5rem 2rem}.right-half.scroll-column{margin-inline:auto;max-width:40rem;padding:clamp(4rem,8vh,5rem)}.projects-section{margin-bottom:10rem}}@media (orientation:landscape) and (min-width:1367px) and (max-width:1920px){.left-half{justify-content:center;margin-left:0!important}.section-one{column-gap:clamp(1rem,2.5vw,4rem);padding-inline:clamp(1rem,3vw,2.5rem)}.right-half.scroll-column{margin-inline:auto;max-width:800px}}@media (orientation:landscape) and (min-width:992px) and (max-width:1366px){.section-one{grid-column-gap:clamp(1rem,2.5vw,3rem);column-gap:clamp(1rem,2.5vw,3rem);display:grid;grid-template-columns:var(--col-left) 1fr;min-height:100vh;padding-inline:clamp(1rem,2.5vw,2rem);position:relative}.section-one .left-half{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;overflow:hidden;position:fixed;top:0;transform:translateX(-50%);width:var(--col-left)}.section-one .right-half,.section-one .right-half.scroll-column{-webkit-overflow-scrolling:touch;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(1rem,2vh,3rem);grid-column:2/3;height:100vh;margin-inline:auto;max-width:800px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.section-one .right-half::-webkit-scrollbar{display:none}}@media (min-width:576px) and (max-width:767px){.hero h1{font-size:2.25rem}.section-one{padding-inline:1.5rem}}@media (min-width:768px) and (max-width:991px){.section-one{column-gap:3rem;grid-template-columns:1fr 1fr;padding-inline:1.5rem}.left-half{margin-left:2rem;padding:2rem}}@media (orientation:landscape) and (min-width:992px) and (max-width:1366px){:root{--desktop-shift:0rem}.section-one .left-half{left:var(--pad-side)!important;position:fixed;top:0;transform:none!important}.section-one .right-half,.section-one .right-half.scroll-column{grid-column:2/3;margin-inline:0!important;margin-left:calc(var(--pad-side) + 3rem)!important;max-width:800px}.section-one{column-gap:clamp(1rem,2.5vw,3rem)!important;padding-inline:clamp(1rem,2.5vw,2rem)!important}}@media (orientation:landscape) and (min-width:1024px) and (max-height:700px){.pic-gradient{margin:3rem auto 2rem;max-width:250px;width:70%}}@media (orientation:landscape) and (max-width:932px){.experience-card,.project-card{margin:0 0 1.5rem;max-width:none;width:95%}}@media (orientation:landscape) and (min-width:1367px) and (max-width:1439px){:root{--desktop-shift:0rem}.section-one .left-half{justify-content:center;left:100%;margin-left:0!important;position:fixed;top:0;transform:translateX(-15%)}.section-one .right-half,.section-one .right-half.scroll-column{grid-column:2/3;margin:0 auto!important;max-width:500px;padding:clamp(4rem,7vh,6rem)}.section-one{column-gap:clamp(1rem,2.5vw,3rem)!important;padding-inline:clamp(1rem,2.5vw,2rem)}}@media (orientation:portrait){.navbar{display:none!important}}:root{--color-bg:#f4d8b3;--color-primary:#f4d8b3;--color-accent:#161417;--color-text:#fff}body,html{background-color:#f4d8b3;background-color:var(--color-bg)}
/*# sourceMappingURL=main.ff02ee33.css.map*/