*,*:before,*:after{box-sizing:border-box}[data-theme=light]{--color-bg: white;--color-prmry: #2E3532;--color-scndry: black;--filter-invert: 0}[data-theme=dark]{--color-bg: #2E3532;--color-prmry: #e5e5e5;--color-scndry: white;--filter-invert: 1}:root{--header-height: 5rem;scroll-behavior:smooth;scroll-padding:var(--header-height);font-family:Segoe UI,Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-prmry)}button:hover{cursor:pointer}h1{font-size:2.5rem}h2{font-size:1.7rem}h3{font-size:1.4rem}@media (width >= 768px){h1{font-size:3.3rem}p{font-size:1.1rem}}#root{width:inherit;display:flex;flex-direction:column}header{z-index:1;padding-inline:1rem;position:sticky;top:0;width:100%;min-height:var(--header-height);display:flex;justify-content:end;align-items:center;flex-wrap:wrap;gap:1rem;background-color:var(--color-bg);box-shadow:0 4px 4px #00000041}@media (width >= 768px){header{padding-inline:2rem;gap:3rem}}.header-btn{padding:0;width:2.5rem;background-color:transparent;border:none}.header-btn,.navbar{height:2.5rem}main{padding-inline:1rem;width:100%;max-width:60rem;align-self:center;display:flex;flex-direction:column;align-items:center}@media (width >= 768px){main{padding-inline:2rem}}section{padding-top:3rem;scroll-margin:-2rem;margin:0;display:grid}@media (width < 768px){section{justify-items:center;text-align:center}}@media (width >= 768px){section{padding-top:6rem;scroll-margin:-4rem}}footer{width:100%;min-height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:end;font-size:.8rem;font-weight:600}.footer-txt-wrapper,.footer-icons-link-wrapper{display:flex;align-items:center;gap:5px}.footer-txt-wrapper p,.footer-icons-link-wrapper p{margin:0;font-size:inherit}.footer-icons-link-wrapper>a{margin:0;color:inherit}.nav-items{padding:1rem;position:absolute;top:5rem;right:.5rem;width:8rem;display:flex;flex-direction:column;gap:1rem;background:var(--color-bg);border-radius:15px;box-shadow:0 2px 12px #00000071;font-weight:600}.nav-item{text-align:left;list-style:none}.nav-item a{color:inherit;text-decoration:none}@media (width < 768px){.nav-items{transform-origin:top center;--current-scale: 0}.nav-items.open{animation:growDown .25s ease-in-out both}@keyframes growDown{0%{transform:scaleY(0)}to{--current-scale: 1;transform:scaleY(var(--current-scale))}}.nav-items.close{animation:shrinkDown .25s ease-in-out both}@keyframes shrinkDown{0%{transform:scaleY(var(--current-scale))}to{--current-scale: 0;transform:scaleY(var(--current-scale));display:none}}}@media (width >= 768px){.navbar{order:0;display:flex;align-items:center}.nav-items{margin:0;padding:0;width:auto;position:static;min-width:fit-content;display:flex;flex-direction:row;gap:2rem;background-color:transparent;box-shadow:none;font-size:1.1rem}.nav-link{padding-inline:8px;padding-block:6px;border-radius:8px}.nav-link.active,.nav-link:hover{background-color:#c93232;color:#fff}}.moon-icon,.sun-icon{width:100%;height:100%}@media only screen and (min-width: 768px){.theme-btn{order:1}}.menu-btn{position:relative;width:2.5rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.menu-btn span{display:block;position:absolute;left:0;height:4px;width:100%;border-radius:9px;background-color:var(--color-scndry);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.menu-btn span:nth-child(1){margin-bottom:1.2rem}.menu-btn span:nth-child(3){margin-top:1.2rem}.menu-btn.open{justify-content:center}.menu-btn.open span{margin:0;width:80%}.menu-btn.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menu-btn.open span:nth-child(2){width:0%;opacity:0}.menu-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media (width >= 768px){.menu-btn{display:none}}.home-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:#c93232}.home-header h1{margin:0}.home-txt{margin-block:12px;max-width:22rem}.home-hand-icon{width:4rem}.home-bitmoji-img{width:18rem}.home-socials{margin-top:1rem;display:flex;align-items:center;gap:2rem}.home-socials a{padding:0;width:2.3rem;height:2.3rem}.home-socials a:hover{cursor:pointer}.home-socials img{width:100%;filter:invert(var(--filter-invert)) brightness(110%)}@media (width >= 768px){.home-section{scroll-margin:0;width:90%;justify-items:flex-start;grid-template-columns:3fr 1fr;text-align:left}.home-header{justify-content:flex-start}.home-header,.home-txt{grid-column:1}.home-hand-icon{width:6rem}.home-txt-wrapper{padding-top:5px;height:min-content;display:flex;flex-direction:column;gap:1rem}.home-txt{margin:0;height:min-content;max-width:26rem}.home-socials{margin:0;padding-left:5px;height:min-content;gap:1rem}.home-bitmoji-img{width:18rem;height:26rem;justify-self:flex-end;grid-area:1/2/4/2;object-fit:cover;object-position:60%}}.about-section h2{color:#c93232}.about-h1{margin-bottom:1rem}.about-skill-items{z-index:-1;padding:0;margin:0;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;list-style:none;color:#ff7f51}.about-skill-items li>p{text-align:center}.about-skill-items img{filter:invert(var(--filter-invert)) brightness(105%)}.about-resume-cta>a{margin-top:8px;height:min-content;width:max-content;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;color:inherit}.about-resume-cta>a img{margin-top:4px;height:1.5rem;width:1.5rem;filter:invert(var(--filter-invert)) brightness(105%)}.about-resume-cta>a:hover{cursor:pointer}.about-interests-txt{margin-top:0;margin-bottom:2.5rem}.about-bitmoji-imgs{display:flex;align-items:center;gap:1rem}.about-bitmoji-imgs img:nth-of-type(1){width:10rem}.about-bitmoji-imgs img:nth-of-type(2){margin-top:1rem;width:8rem;height:8rem}@media (width >= 768px){.about-section{padding-top:10rem;scroll-margin:-9rem;grid-template-areas:"about-h1 about-txt" "skills-h2 skills-items" ". resume-cta" "interests-h2 interests-txt" ". bitmoji-imgs";column-gap:3.5rem}.about-section h1,.about-section h2{margin-top:0}.about-section p{text-align:left}.about-h1{margin-top:0;grid-area:about-h1;text-align:left}.about-txt{margin-bottom:3.5rem;grid-area:about-txt}.about-skills-h2{grid-area:skills-h2;text-align:right;width:100%}.about-skill-items{margin-right:2rem;margin-bottom:1.5rem;grid-area:skills-items;justify-content:center}.about-skill-items img{width:4.5rem}.about-skill-items li>p{margin-top:0}.about-resume-cta{padding-bottom:2rem;padding-inline:4rem;width:100%;display:flex;justify-content:end;grid-area:resume-cta;font-size:1.1rem}.about-interests-h2{grid-area:interests-h2;text-align:right;width:100%}.about-interests-txt{margin-top:5px;margin-bottom:2rem;grid-area:interests-txt}.about-bitmoji-imgs{grid-area:bitmoji-imgs}.about-bitmoji-imgs img:nth-of-type(1){width:14rem}.about-bitmoji-imgs img:nth-of-type(2){margin-top:2rem;width:9rem;height:9rem}}.contact-section{width:100%;display:flex;flex-direction:column;text-align:center}.contact-section h1{margin-block:0}.contact-methods{padding:0;width:min-content;align-self:center;display:flex;flex-direction:column;gap:2rem}.contact-method{list-style:none}.contact-method a{width:max-content;display:flex;align-items:center;gap:1rem;color:inherit;text-decoration:none}.contact-method a p{margin:0}.contact-method img{width:2rem;filter:invert(var(--filter-invert)) brightness(110%)}@media (width >= 768px){.contact-section h1{text-align:left}.contact-methods{padding:5px;width:100%}}.work-section h1{margin-bottom:8px;text-align:center}.work-bitmoji-imgs{margin-bottom:1rem;display:flex;justify-content:center}.work-bitmoji-imgs img{width:10rem}.work-item-wrapper{display:flex;flex-direction:column;align-items:center}.work-item-header{width:max-content;display:flex;flex-direction:column;align-items:center}.work-item-header h3{margin-bottom:8px;text-align:center;color:#c93232}.work-item-header span{width:15rem;height:2px;background-color:#ff7f51}.work-item-subheader{margin-top:8px;display:flex;flex-direction:column}.work-item-subheader p{margin:0;text-align:center;font-size:.9rem;font-weight:600;font-style:italic}.work-item-description{padding-left:1.5rem;text-align:left}.work-item-description p{margin-block:2px;max-width:35rem}.work-item-tech{padding:0;margin-top:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;row-gap:1rem}.work-item-tech li{padding-inline:8px;padding-block:2px;list-style:none;border-radius:8px;background-color:#ff7f51;font-size:.9rem;color:#fff}@media (width >= 768px){.work-section{grid-template-columns:2fr 1fr;justify-items:flex-start;column-gap:2rem;text-align:left}.work-section h1{margin-top:0;grid-area:1/1/1/1;text-align:left}.work-bitmoji-imgs{grid-area:1/2/span 2/2;align-items:flex-end}.work-bitmoji-imgs img{width:20rem;height:20rem}.work-item-wrapper{grid-column:1;align-items:flex-start}.work-item-header{align-items:flex-start}.work-item-subheader{margin-left:5px;align-items:flex-start}.work-item-tech{justify-content:flex-start}}.projects-bitmoji-imgs img{width:9rem}.projects-item-wrapper{display:flex;flex-direction:column;align-items:center;max-width:40rem}.projects-item-header{width:max-content;display:flex;flex-direction:column;align-items:center}.projects-item-header h3{margin-bottom:8px;text-align:center;color:#c93232}.projects-item-header span{width:12rem;height:2px;background-color:#ff7f51}.projects-item-header h3{margin-top:3rem;margin-bottom:0}.projects-item-tech{padding:0;margin-top:1rem;display:flex;justify-content:center;gap:8px}.projects-item-tech li{padding-inline:8px;padding-block:2px;list-style:none;border-radius:8px;background-color:#3f7cac;font-size:.9rem;color:#fff}.projects-item-github{padding-block:2px;padding-inline:4px;height:min-content;display:flex;align-items:center;gap:8px;border-radius:3rem;border:none;background-color:#fff;color:#2e3532;box-shadow:2px 5px 5px #00000040;text-decoration:none}.projects-item-github img:nth-of-type(1){width:1.8rem}.projects-item-github img:nth-of-type(2){margin-top:2px}.projects-item-github p{margin:0}.projects-item-github:hover{cursor:pointer}.projects-github-cta{margin-top:2rem;width:max-content;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;color:inherit;text-decoration:none}.projects-github-cta img{margin-top:5px;height:1.5em;filter:invert(var(--filter-invert)) brightness(110%)}@media (width >= 768px){.projects-section{grid-template-columns:1fr 2fr;column-gap:2rem}.projects-section h1{margin-top:0;grid-area:1/1/2/2}.projects-bitmoji-imgs{margin-left:5px;display:flex;align-items:center;justify-content:flex-start;grid-area:1/1/3/2}.projects-bitmoji-imgs img{width:14rem}.projects-item-wrapper{padding-block:2rem;align-items:flex-start;grid-column:2}.projects-item-wrapper h3{margin:0}.projects-item-wrapper:nth-of-type(2){grid-row:1}.projects-item-header{align-items:flex-start}.projects-item-github p{font-size:.8rem}.projects-github-cta{justify-content:flex-start;grid-column:2}}.edit-projects-section{padding-block:1rem}.edit-projects-section h1{margin-block:1rem}.editable-project-items{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:1rem}.editable-project-items li a{padding-inline:1rem;height:3rem;display:flex;align-items:center;justify-content:start;background-color:var(--color-prmry);color:var(--color-bg);text-decoration:none;border-radius:3px}.add-project-link{width:60%;max-width:24rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#c93232;color:#fff;border:none;text-decoration:none}.project-form{width:80%;max-width:30rem;display:flex;flex-direction:column;gap:1rem}.project-form label{display:flex;flex-direction:column;gap:5px;color:var(--color-prmry)}.project-form textarea{resize:vertical}.project-form-tech-used{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.project-form-tech-used li{padding-inline:8px;padding-block:2px;list-style:none;border-radius:8px;background-color:#3f7cac;font-size:.9rem;color:#fff;height:min-content;width:max-content;display:flex;justify-content:center;align-items:center;gap:5px}.project-form-tech-used li button{padding:0;width:15px;height:15px;display:flex;align-items:center;justify-content:center;background-color:#b3b2b2;color:inherit;border:none;border-radius:100px;font-size:.6rem}.project-form-submit{height:2rem;background-color:var(--color-prmry);color:var(--color-bg);border:none;border-radius:5px}.project-form-submit:hover{cursor:pointer}.edit-project-del-btn{margin-top:1.5rem;width:80%;max-width:30rem;height:1.5rem;border:none;border-radius:5px;background-color:#c93232;color:#fff}.del-project-popup{position:absolute;transform:translateY(100%);margin-top:2rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-prmry);color:var(--color-bg);border-radius:5px;box-shadow:0 0 0 500rem #00000080}.del-project-popup ul{padding:0;display:flex;gap:1rem;list-style:none}.del-project-popup button{height:1.5rem;width:3rem;border:none;border-radius:5px;background-color:var(--color-bg);color:var(--color-prmry)}.admin-login-form{display:flex;flex-direction:column;gap:1rem}