.navbar-icon{position:absolute;top:0;right:0;margin:1.5em;transition:transform .3s ease;z-index:1}.navbar-icon:hover{cursor:pointer}@keyframes rightIn{0%{transform:translate(25%)}to{transform:translate(0)}}@keyframes rightOut{0%{transform:translate(0)}to{transform:translate(25%)}}.navbar-wrapper{position:absolute;top:0;right:0;width:10%;padding:4em 2em 1em}.navbar-wrapper.open-wrapper{animation:rightIn .5s forwards;border:solid 1px var(--sage-green);border-radius:0 0 0 1em;background-color:var(--light-green)}.navbar-wrapper.close-wrapper{animation:rightOut .5s forwards}.navbar-wrapper .text2{text-align:left;margin:0}.navbar-menu-option{display:flex;flex-wrap:wrap;justify-content:left;align-items:center}#home-page h1{margin-bottom:0}.links-container{display:flex;flex-wrap:wrap;justify-content:center;column-gap:5%;width:100%;margin:1.5em 0 0}.link-card{transition:transform .3s ease}.link-card:hover{transform:scale(1.1)}.link-background.about{background:radial-gradient(ellipse at center,#fda06299 10%,#fda0624d 50%,#fda06200 60%)}.link-background.projects{background:radial-gradient(ellipse at center,#ec489999 10%,#ec48994d 50%,#ec489900 60%)}.link-background.hobbies{background:radial-gradient(ellipse at center,#967bb699 10%,#967bb64d 50%,#967bb600 60%)}.divider-wrapper{width:40%;justify-self:center;margin:4em 0;display:flex;flex-direction:row;justify-content:space-between}.intro{margin-top:2em}.pic-words-pair{display:flex;flex-direction:row;align-items:center;text-align:justify;column-gap:5%}.headshot{border:solid 2px var(--sage-green);border-radius:6em 8em 3em 2em}.skills-container,.ec-container{text-align:left}.skill-list-pair{display:flex;flex-wrap:wrap;flex-direction:row;column-gap:2%}.skill-list-pair .label{width:300px;margin:0}.skill-list-pair .list{flex:1;margin:0}.ec-card-container{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:left;align-items:flex-start;column-gap:5%}.ec-image{border:solid 2px var(--sage-green);border-radius:1em;transition:transform .3s ease}.ec-image:hover{transform:scale(1.05)}.ec-wrapper{width:21%;text-align:center;margin-bottom:3em}.ec-wrapper .text2{margin:0}.project-card-container{width:90%;margin:2em 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:5%}.project-wrapper{width:20%;margin:0 0 2em;transition:transform .3s ease;cursor:pointer}.project-wrapper:hover{transform:scale(1.025)}.project-logo{border-radius:1em;border:solid 2px var(--sage-green)}.project-details-wrapper{display:flex;flex-direction:row;justify-content:space-between;padding:0 .25em}.project-details-wrapper :is(.text1,.text2,.text3){margin:0}.number{padding:0 .25em 0 0}.project-details{display:flex;flex-direction:column;align-items:flex-end}.project-details :is(.text2,.text3){text-align:right}.project-details :is(.text2){font-weight:600}.modal-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;pointer-events:auto}.modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,25%);width:70%;max-height:100vh;pointer-events:auto;padding:4em;display:flex;flex-direction:row;align-items:center;column-gap:4em;border:solid 2px var(--light-green);border-radius:1em;background-color:var(--sage-green);color:var(--white)}.modal-image{border:solid 2px var(--light-green);border-radius:1em}.modal-right{text-align:left}.modal-title{text-align:center}.modal-details-pair{display:flex;flex-direction:row}.modal-details-label{width:100px;font-weight:800}.modal-details-content{flex:1;display:flex;align-items:center}.modal-close{position:absolute;top:.25em;right:1.5em;font-weight:600;transition:transform .3s ease;padding:.25em;cursor:pointer}.modal-close:hover{transform:scale(1.2)}.gd-container,.non-gd-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;margin:2em 0}.gd-container{justify-content:center}.non-gd-container{justify-content:space-between;align-items:flex-start}.gd-wrapper{width:20%;margin:0 1em 2em}.gd-wrapper .text2{margin:0;text-align:right}.gd-wrapper .gd-image{border:solid 2px var(--sage-green);border-radius:.5em;transition:transform .3s ease}.gd-wrapper .gd-image:hover{transform:scale(1.05);cursor:zoom-in}.dv-wrapper{width:50%;margin:1em 0}.dv-wrapper .text2{margin:.5em}.no-interaction{pointer-events:none}.gd-modal-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.gd-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;pointer-events:auto}.gd-modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,25%);width:40%;max-height:10vh;pointer-events:auto}.gd-image,.gd-modal-image{border-radius:1em;border:solid 2px var(--sage-green)}.gd-image{cursor:pointer}.gd-close{justify-self:right;font-weight:900;color:var(--mint-green);transition:transform .3s ease;cursor:pointer}.gd-close:hover{transform:scale(1.25)}.contact-title{font-size:64px;margin:.5em 0 1em}.contact-bottom{display:flex;justify-content:center;align-items:center;column-gap:11%;width:80%}.contact-info-wrapper{display:flex;justify-content:left;align-items:center}.link-background{display:flex;justify-content:center;align-items:center;width:225px;height:225px;border-radius:50%}.link-background.contact{background:radial-gradient(ellipse at center,#69896f99 10%,#69896f4d 50%,#69896f00 60%)}.contact-footer{position:absolute;bottom:50px}#root{width:1280px;margin:0 auto;padding:2rem;min-height:60vh}#home-page,#projects-page,#hobbies-page,#about-me-page{display:flex;flex-direction:column;align-items:center}#about-me-page{margin:0 5em}#contact-page{display:flex;flex-direction:column;align-items:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--dark-green);background-color:var(--mint-green);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white: #FFFFFF;--mint-green: #C6DDCA;--light-green: #B5CEBA;--sage-green: #A9BDAD;--hunter-green: #879A8A;--dark-green: #69896F;--darker-green: #45634B}a{font-weight:500;color:var(--dark-green);text-decoration:underline}a:hover{color:var(--white)}body{margin:0;display:flex;place-items:center;text-align:center;min-width:320px;min-height:100vh}h1{font-size:3em}h2{font-size:2em}.text1{font-size:1.7em}.text2{font-size:1.3em}.text3{font-size:1em}.footer-wrapper{margin-top:4em;justify-self:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.icons-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:20%;width:100%}.filter-panel{width:80%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;justify-self:center;padding-top:2em}.filter-button-wrapper{padding:.25rem 2rem;border-radius:25px;background-color:var(--dark-green);transition:transform .3s ease;cursor:pointer}.filter-button-wrapper.selected{background-color:var(--darker-green)}.filter-button-wrapper:hover:not(.selected){transform:scale(1.05)}.filter-button-wrapper:active:not(.selected){background-color:var(--darker-green)}.filter-button-text{margin:0;padding:.25em;font-weight:800;font-size:1em;color:var(--mint-green);text-shadow:1px 1px 0px var(--darker-green),-1px -1px 0px var(--darker-green),1px -1px 0px var(--darker-green),-1px 1px 0px var(--darker-green)}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.fade-in{animation:fadeIn .5s forwards}.fade-out{animation:fadeOut .5s forwards}.link{color:var(--dark-green);text-decoration:none}.link:hover{color:var(--white)}.page-header{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:flex-end;column-gap:4%;margin:1em 0 0;width:100%}.page-header h1{margin:0}.icon{cursor:pointer}