@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;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:initial}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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:initial}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}[hidden],template{display:none}:root{--ink:#eef2ed;--muted:#9ca7a3;--paper:#0a0c0e;--paper-deep:#121619;--accent:#8bd3c7;--accent-dark:#62b3a7;--sage:#6f8e87;--line:#eef2ed24}html{height:100%;scroll-behavior:smooth;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0c0e;background:var(--paper);color:#eef2ed;color:var(--ink);font-family:DM Sans,sans-serif;margin:0}*,:after,:before{box-sizing:border-box}::selection{background:#8bd3c7;background:var(--accent);color:#0a0c0e}.card{align-items:center;border:1px solid #0000;border-radius:10px;color:var(--ink);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;gap:12px;justify-content:center;min-height:112px;padding:10px 8px;transition:transform .25s ease,border-color .25s ease,background-color .25s ease,color .25s ease;width:100%}.card:hover{background-color:#153238;border-color:#8bd3c780;color:var(--accent);transform:translateY(-5px)}.card-logo{align-items:center;display:flex;height:62px;justify-content:center}.card-logo>img{height:62px;object-fit:contain;transition:filter .25s ease,transform .25s ease;width:62px}.card:hover .card-logo>img{filter:brightness(1.12) saturate(1.12) drop-shadow(0 0 8px rgba(139,211,199,.34));transform:scale(1.04)}.card-title{font-size:.95em;font-weight:600;line-height:1.2;text-align:center;transition:color .25s ease}.skills-main{height:auto;margin:0 auto;padding:120px max(24px,9vw) 50px}.skills-heading{color:var(--ink);margin:0 auto 70px;width:min(1180px,100%)}.skills-heading h1{font-family:Fraunces,serif;font-size:clamp(3rem,8vw,7rem);letter-spacing:-.04em;line-height:.9;margin:0}.skills-info{margin:0 auto;width:min(1180px,100%)}.skills-category,.skills-info{display:flex;flex-direction:column}.skills-category{border-top:1px solid #f5f0e84d;padding:28px 0 20px}.skills-category>h2{color:var(--accent);font-size:.82rem;letter-spacing:.12em;margin:0 0 28px;text-transform:uppercase}.skills-category-info{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}@media (max-width:500px){.skills-category-info{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-height:104px}}.project-card{background:#0a0c0e94;border:1px solid #8bd3c724;border-radius:2px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:16px;transition:border-color .3s ease,background .3s ease,transform .3s ease}.project-card:hover{background:#121619e6;border-color:var(--accent);transform:translateY(-6px)}.project-img{margin-bottom:24px;order:1;position:relative;width:100%}.project-img img{border-radius:2px;display:block;height:250px;object-fit:cover;width:100%}.project-img:before{border:1px solid #8bd3c738;border-radius:2px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.project-heading{color:var(--ink);display:flex;flex:1 1;flex-direction:column;order:2;width:100%}.project-heading h1{font-family:DM Sans,sans-serif;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.15;margin:0 0 18px}.project-desc{flex:1 1}.project-desc p{color:var(--muted);line-height:1.65;margin:0 0 24px}.button-container,.website-container{align-items:center;display:flex}.button-container span,.website-container span{color:var(--accent);font-size:1.5rem}.github-button{color:var(--ink);cursor:pointer;font-weight:700;margin-left:10px;text-decoration:none}.github-button:hover{color:var(--accent-dark)}.github-button:after{border-bottom:2px solid var(--accent);content:"";display:block;margin-top:5px;transform:scaleX(0);transition:transform .25s ease-in-out}.github-button:hover:after{transform:scaleX(1)}.project-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:24px}.project-tag{align-items:center;background:#153238b8;border:1px solid #8bd3c76b;border-radius:999px;color:var(--accent);display:inline-flex;font-size:.78rem;line-height:1;min-height:30px;padding:5px 12px;white-space:nowrap}.project-card.reveal{transform:translateY(42px)}.project-card.reveal.is-visible{transform:translateY(0)}.project-main{background:#0000;font-family:DM Sans,sans-serif;padding:120px max(24px,9vw) 100px}.exp-title,.project-top{color:var(--ink);margin:0 auto 70px;text-align:left;width:min(1180px,100%)}.exp-title h1,.project-top h1{font-family:Fraunces,serif;font-size:clamp(3rem,8vw,7rem);letter-spacing:-.04em;line-height:.9;margin:0}.project-container{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;width:min(1180px,100%)}@media (max-width:1050px){.project-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.project-container{gap:22px;grid-template-columns:1fr}}.exp-card{grid-gap:55px;align-items:start;border-bottom:1px solid var(--line);color:var(--ink);display:grid;gap:55px;grid-template-columns:190px 1fr;margin:0 0 55px;padding:0 0 55px}.exp-image{align-items:center;background:var(--paper-deep);display:flex;height:140px;justify-content:center}.exp-image img{border-radius:2px;max-height:100px;max-width:150px;object-fit:contain}.card-contents{font-size:1rem;max-width:760px}.card-contents>h2{color:var(--ink);font-family:Fraunces,serif;font-size:2rem;margin:0 0 5px}.card-contents>h3{color:var(--accent-dark);margin:0 0 7px}.card-contents>p{color:var(--muted);margin:0 0 18px}.card-contents li{color:var(--muted);line-height:1.6;margin-bottom:8px}.website-container{font-size:.9rem;margin-left:15px}.website-container>a{color:var(--ink);cursor:pointer;font-weight:700;margin-left:10px;text-decoration:none}.website-container>a:hover{color:var(--accent-dark)}.exp-card.reveal{transform:translateX(42px)}.exp-card.reveal.is-visible{transform:translateX(0)}@media (max-width:650px){.exp-card{gap:25px;grid-template-columns:1fr}.exp-image{width:150px}}.exp-main{background:#0000;font-family:DM Sans,sans-serif;padding:120px max(24px,9vw) 80px}.exp-title{margin-bottom:70px}.exp-container{margin:0 auto;width:min(1180px,100%)}.exp-container,.home-main{display:flex;flex-direction:column}.home-main{background-color:#070a0c;background-image:linear-gradient(#184d4e14 1px,#0000 0),linear-gradient(90deg,#184d4e14 1px,#0000 0);background-size:74px 74px;overflow:hidden;position:relative}.home-bg-container,.home-main>section{position:relative;z-index:1}.home-bg{background-color:#070a0c;background:#0000;min-height:760px;overflow:hidden;position:relative;width:100%}.network-canvas{height:100%;inset:0;opacity:.9;position:fixed;width:100%;z-index:0}.network-glow{animation:glow-drift 6s ease-in-out infinite alternate;background:#1cc0b738;border-radius:50%;filter:blur(45px);height:180px;pointer-events:none;position:fixed;width:180px;z-index:0}.network-glow-one{left:16%;top:8%}.network-glow-two{animation-delay:-4s;bottom:12%;opacity:.55;right:14%}@keyframes glow-drift{0%{transform:translate3d(-20px,10px,0) scale(.8)}to{transform:translate3d(25px,-20px,0) scale(1.15)}}.home-bg .main-text{word-wrap:break-word;color:var(--ink);left:50%;position:absolute;top:50%;transform:translate(-50%,-42%);width:min(900px,calc(100% - 48px));z-index:1}.eyebrow,.main-text h2{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.main-text h2{margin:0 0 12px}.main-text h1{line-height:.95;margin:0}.main-text .text-first{color:var(--accent)!important;font-family:Fraunces,serif;font-size:clamp(4.2rem,11vw,9.5rem);letter-spacing:-.05em}.main-text .Typewriter{color:var(--ink);display:block;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;margin-top:28px}.home-container{background:#0000;padding:130px max(24px,9vw)}.info{display:flex;flex-direction:row;justify-content:center;margin:0 auto;width:min(1180px,100%)}.image-container{display:flex;flex-direction:column;justify-content:space-around;margin-right:clamp(35px,8vw,110px);position:relative;right:0}.image{background-image:url(/static/media/profilePic.f32fa518901d66bce438.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;height:500px;position:relative;width:min(375px,80vw)}.image:before{border:2px solid var(--accent);border-radius:2px;bottom:-30px;content:"";left:30px;position:absolute;right:-30px;top:30px;z-index:-1}.intro{display:flex;flex-direction:column;justify-content:center;max-width:600px}.intro h1{color:var(--ink);font-family:Fraunces,serif;font-size:clamp(2.4rem,5vw,4.5rem);margin:0 0 24px}.intro p{color:var(--muted);font-size:1.08rem;line-height:1.7;margin:0 0 28px;text-align:justify}.intro>.resumeButton{align-items:center;background:var(--accent);border-radius:0;box-shadow:5px 5px 0 var(--paper);color:var(--paper);display:flex;font-size:1.05em;font-weight:700;height:45px;justify-content:center;text-decoration:none;transition:background-color .25s ease,transform .25s ease;width:180px}.resumeButton:hover{background:var(--accent-dark);transform:translate(3px,3px)}.skill-container{background-color:initial}.projects-container{background:#0000;height:auto;width:100%}.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.home-bg{height:680px;min-height:680px}.info{align-items:center;flex-direction:column}.info .image-container{margin:0 0 70px}.intro{max-width:680px}}@media (max-width:500px){.home-bg{height:620px;min-height:620px}.home-container{padding:90px 24px}.image{height:360px}.intro p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.network-glow{animation:none}}.navbar{background:#0000;color:var(--ink);display:flex;font-family:DM Sans,sans-serif;height:82px;padding:20px 0 30px;position:fixed;transition:background-color .35s ease,height .35s ease,box-shadow .35s ease;width:100%;z-index:99}.scrolled{background:#121619f5;box-shadow:0 1px 0 var(--line);color:var(--ink);padding:0}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 5vw;width:100%}.navbar-heading{margin-left:20px;padding-top:8px}.navbar.scrolled .navbar-heading{padding-top:0}.navbar-logo,.navbar-logo-scrolled{transition:transform .3s ease-in-out}.navbar-logo-scrolled{transform:scale(.6)}.navbar-links ul{display:flex;flex-direction:row}.navbar-links a{color:inherit;cursor:pointer;font-size:.78em;font-weight:700;letter-spacing:.13em;margin:0 10px;padding:10px;text-decoration:none;transition:color .3s ease}.navbar-links a.active,.navbar-links a:hover{color:var(--accent)!important}.navbar-links a:after{border-bottom:2px solid var(--accent);content:"";display:block;margin-top:5px;transform:scaleX(0);transition:transform .25s ease-in-out}.navbar-links a.active:after,.navbar-links a:hover:after{transform:scaleX(1)}.navbar-links .icon{display:none}@media screen and (max-width:600px){.navbar-heading{margin-left:5px}.navbar-links ul{display:none}.navbar-links .icon{color:inherit;display:block;padding:10px}.navbar-links-mobile ul,.navbar-links-mobile-scrolled ul{background:var(--paper-deep);border-top:1px solid var(--line);display:flex;flex-direction:column;margin:0;padding:12px 0;position:absolute;right:0;text-align:center;top:82px;width:100%}.navbar-links-mobile-scrolled ul{background:var(--paper-deep);top:50px}.navbar-links-mobile ul a,.navbar-links-mobile-scrolled ul a{color:var(--ink)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{background:var(--paper-deep);color:var(--ink);margin-top:0;width:100%}.footer-container{align-items:center;display:flex;flex-direction:column;padding:75px 24px 25px}.footer-header h2{font-family:Fraunces,serif;font-size:2.4rem;margin:10px 0}.footer-links{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.footer-links a{align-items:center;background:#8bd3c714;border:1px solid #8bd3c747;border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;font-size:1.2rem;height:44px;justify-content:center;line-height:1;pointer-events:auto;position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease;width:44px;z-index:1}.footer-links a:focus-visible,.footer-links a:hover{background:var(--accent);border-color:var(--accent);color:var(--paper);outline:none;transform:translateY(-3px)}.footer-links i{display:block;line-height:1;pointer-events:none}.footer-email a{color:var(--accent);text-decoration:none}.footer-copyright{font-size:.85rem;opacity:.55}
/*# sourceMappingURL=main.1ec6a21b.css.map*/