@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";:root{--dark-color: #000000A0;--border-color: #FFF;--font-color: #FFF;--divider-color: #FFFFFF75;--subtle-border-color: #FFFFFFD0;--subtle-font-color: #FFFFFFD0;--blury-background-color: #FFFFFF20;--background: linear-gradient(180deg, #0A4B31 0%, #45512F 37%, #115137 63.5%, #02413E 93%);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:var(--background) no-repeat center center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{scrollbar-width:none}::-webkit-scrollbar{--scb-width: 0px;width:var(--scb-width)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;--scb-width: 12px}::-webkit-scrollbar-thumb:hover{background:#858585}h1{color:var(--font-color);font-family:IBM Plex Mono,JetBrains Mono,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:normal;margin:0}h2{color:var(--font-color);font-family:IBM Plex Mono,sans-serif;font-size:32px;font-style:normal;font-weight:600;line-height:normal;margin:0}h3{color:var(--font-color);font-family:IBM Plex Mono,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin:0}p{color:var(--subtle-font-color);font-family:IBM Plex Mono,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin:0}a{color:var(--font-color);text-decoration:none}.landingPageInfoContainer{margin:50px auto;background-color:var(--blury-background-color);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:1200px;height:fit-content}@media (max-width: 550px){.landingPageInfoContainer{margin-top:25px}}@keyframes text-underline-left-animation{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes text-underline-right-animation{0%{transform:translate(110%)}to{transform:translate(0)}}body{--max-row-span: 2}.landingPageInfo{display:grid;grid-template-columns:auto auto;row-gap:10px;padding-bottom:25px}.socialIconsAndProfileContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:50px 50px 0}.profilePictureContainerWrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:277px;height:277px;margin:auto}.profilePictureContainer{position:relative;width:248px;height:248px;border-radius:50%;border:2px solid var(--border-color);animation-duration:1s;animation-direction:normal;animation-fill-mode:forwards}.profilePictureContainer:hover{animation-name:profile-animation;cursor:pointer}.profilePicture{position:absolute;width:100%;height:100%;border-radius:50%}.kachow{position:absolute;width:100%;height:100%;border-radius:50%;opacity:0}.kachow:hover{animation-name:kachow-animation;animation-delay:1s;animation-duration:.5s;animation-direction:normal}.profileInfoContainer{margin:25px 25px 0}.profileHeader,.profileDescription,.greeting{margin:5px 25px}.greeting{display:flex;align-items:baseline;margin-bottom:10px}.hiThere{margin-right:20px;margin-left:0}.nameContainer{position:relative;overflow:hidden}.nameContainer:hover:before{animation:text-underline-left-animation .5s forwards}.nameContainer:hover:after{animation:text-underline-right-animation .3s forwards .2s}.name{text-decoration:none;margin:0}.nameContainer:before{position:absolute;width:78%;height:2px;background-color:var(--font-color);bottom:10%;left:0;transform:translate(-101%);content:""}.nameContainer:after{position:absolute;width:13.5%;height:2px;background-color:var(--font-color);bottom:10%;right:0;transform:translate(110%);content:""}.profileDescription{color:var(--subtle-font-color)}.divider{margin:0}.rowDivider{width:calc(100% - 50px);grid-column:span var(--max-row-span);margin:0 25px}.programmingLanguagesContainer{display:flex;gap:10px;flex-direction:column;justify-content:center;grid-column:span var(--max-row-span);margin:0 25px}.pillsContainer{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.PFTCContainers{display:flex;gap:10px;flex-direction:column;justify-content:center;grid-column:span var(--max-row-span);margin:0 25px}.currentFocusLearnMoreContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content}.currentFocusLearnMore{color:var(--font-color)}.learnMoreArrowsSvg{margin-top:10px}.learnMoreArrowsSvg:hover{cursor:pointer}.learnMoreArrowsSvg:hover #arrow1{transform:translateY(0);opacity:1}.learnMoreArrowsSvg:hover #arrow2{transform:translateY(30%)}.learnMoreArrowsSvg:hover #arrow3{transform:translateY(100%);opacity:0}#arrow1,#arrow2,#arrow3{transition:.5s}#arrow1{fill:#19efd275;transform:translateY(-100%);opacity:0}#arrow2{fill:#e7488f75}#arrow3{fill:#25a1e775}@media (max-width: 1100px){body{--max-row-span: 1}.landingPageInfo{grid-template-columns:auto}.socialIconsAndProfileContainer{margin:auto}.profileHeader,.profileDescription,.greeting{margin:5px 0}.hiThere{margin-right:20px}.nameContainer{margin:0}}@media (max-width: 750px){body{--max-row-span: 1}h1{font-size:32px}h2{font-size:24px}p{font-size:16px}.landingPageInfo{grid-template-columns:auto}.profileHeader,.profileDescription,.greeting{margin:5px 0}.hiThere{margin-right:15px}}@keyframes profile-animation{0%{width:248px;height:248px}50%{width:273px;height:273px;transform:rotate(0)}to{width:273px;height:273px;transform:rotate(360deg)}}@keyframes kachow-animation{0%{opacity:0}25%{opacity:1}60%{opacity:1}to{opacity:0}}.pill{display:flex;justify-content:center;align-items:center;border:solid 2px var(--subtle-border-color);border-radius:50px;width:fit-content;min-width:20px;height:fit-content;background-color:transparent;padding:5px 10px;text-align:center}.pillText{color:var(--subtle-font-color)}.socialIcons{display:grid;grid-auto-flow:column;gap:0;transition:all .3s ease-in-out}.socialIconContainer{transition:all .3s ease-in-out;width:24px}@media (pointer: coarse){.socialIconContainer{width:32px;margin:3px}}@media (pointer: fine){.socialIconContainer:hover{width:32px;margin:0 5px 0 11px}}.socialIconContainer{transition:.3s}.socialIcon{width:32px;height:32px;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.navbarContainer{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;min-height:100px;top:0;left:0;z-index:900}.toggleNavbarButton{display:none;position:fixed;top:25px;right:25px;width:50px;height:50px}.navbar{position:absolute;display:flex;justify-content:space-around;align-items:center;width:80%;max-width:800px;height:fit-content;min-height:50px;background-color:var(--blury-background-color);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:var(--border-color) solid 2px;border-radius:12px;transform:translateY(-200%);transition:transform .5s}.navbarAboutContainer,.navbarProjectsContainer,.navbarContactContainer{position:relative;overflow:hidden}.navbarAboutContainer:hover .navbarAboutUnderline,.navbarProjectsContainer:hover .navbarProjectsUnderlineLeft,.navbarContactContainer:hover .navbarContactUnderline{animation:text-underline-left-animation .5s forwards}.navbarProjectsContainer:hover .navbarProjectsUnderlineRight{animation:text-underline-right-animation .5s forwards}.navbarItem:hover{cursor:pointer}.underline{position:absolute;width:100%;height:2px;background-color:var(--font-color);bottom:10%;transform:translate(-101%)}.navbarAboutUnderline{left:0}.navbarProjectsUnderlineLeft{width:37%;bottom:10%;left:0}.navbarProjectsUnderlineRight{width:50%;right:0;transform:translate(110%)}.navbarContactUnderline{left:0}@keyframes navbar-animation{0%{transform:translateY(-200%)}60%{transform:translateY(25%)}to{transform:translateY(0)}}@media (max-width: 550px){.navbarContainer{justify-content:start;min-height:200px}.navbar{width:fit-content;flex-direction:column;justify-content:center;align-items:start;overflow:hidden;margin:25px}.navbarAboutContainer,.navbarProjectsContainer,.navbarContactContainer{margin:10px}@keyframes navbar-animation{0%{transform:translate(-200%)}60%{transform:translate(25%)}to{transform:translate(0)}}}@media (pointer: coarse){.toggleNavbarButton{display:block}}@media (pointer: fine){.navbarContainer:hover .navbar{animation:navbar-animation .5s forwards}}.projectSection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}hr{width:100%;border:1px solid var(--divider-color)}.singleProjectSection{display:flex;flex-direction:column;align-items:start;justify-content:start;background-color:var(--blury-background-color);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:2px solid var(--border-color);gap:25px;border-radius:12px;padding:50px;width:fit-content;max-width:1500px}.singleProjectSectionRow1{display:grid;grid-template-columns:3fr 2fr;gap:50px;width:100%;height:fit-content}.singleProjectSectionRow1Video{width:100%;height:100%;border-radius:12px}.projectSectionRow1Column2{display:flex;flex-direction:column}.singleProjectSectionRow1HeaderContainer{width:fit-content;height:fit-content;position:relative;overflow:hidden}.singleProjectSectionRow1HeaderUnderline{position:absolute;width:100%;height:5px;background-color:var(--font-color);bottom:5%}.singleProjectSectionRow1HeaderUnderlineLeft{transform:translate(-101%);left:0}.singleProjectSectionRow1HeaderUnderlineRight{transform:translate(101%);right:0}.singleProjectSectionRow1HeaderContainer:hover .singleProjectSectionRow1HeaderUnderlineLeft{animation:text-underline-left-animation .3s forwards}.singleProjectSectionRow1HeaderContainer:hover .singleProjectSectionRow1HeaderUnderlineRight{animation:text-underline-right-animation .3s forwards}.margin25lr{margin:0 25px}.singleProjectSectionRow2{display:grid;grid-template-columns:2fr 3fr;gap:50px;width:100%;height:fit-content}.singleProjectSectionRow2Video{width:100%;height:100%;border-radius:12px}.singleProjectSectionTechnologiesUsed{display:flex;flex-direction:column;gap:15px}.singleProjectSectionLinks{display:flex;flex-direction:row;justify-content:center;width:100%;gap:15px}@keyframes border-fadein{0%{border-color:transparent}to{border-color:var(--border-color)}}@media (max-width: 1200px){.singleProjectSection{padding:25px}.singleProjectSectionRow1,.singleProjectSectionRow2{display:flex}}.animatedLinkPillLink{margin-right:40px}.animatedLinkPill{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% + 25px);height:fit-content;padding:5px;border:var(--border-color) 2px solid;border-radius:50px}.animatedLinkPillInnerContainer{position:absolute;right:5px;display:flex;justify-content:end;align-items:center;flex-direction:row;background:var(--dark-color);width:30px;height:calc(100% - 10px);border-radius:50px;transition:width .5s}.animatedLinkPillTextContainer{z-index:100}.animatedLinkPillText{text-wrap:nowrap}.animatedLinkPillArrowContainer{display:flex;justify-content:center;align-items:center;margin-right:3px}.animatedLinkPillArrow{width:24px;height:24px}.animatedLinkPill:hover .animatedLinkPillInnerContainer{width:calc(100% - 10px)}.animatedLinkPillArrowContainer{min-width:fit-content}.animatedLinkPillIconContainer{display:flex;justify-content:center;align-items:center;margin-left:2px;z-index:100}.animatedLinkPillIcon{width:24px;height:24px;filter:drop-shadow(0 0 5px rgba(255,255,255,.75))}