.button-container-primary{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--green-500);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s}.button-container-secondary{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:transparent;border:1px solid var(--green-500);border-radius:.5rem;cursor:pointer;transition:background-color .3s}.button-container-primary:hover{background-color:var(--green-700);box-shadow:0 6px 40px #00ff9633}.button-container-secondary:hover{border:1px solid var(--green-700);box-shadow:0 6px 40px #00ff9633}.button-container-primary:hover .button-label{color:var(--gray-700)}.button-container-secondary:hover .button-label{color:var(--green-500)}.button-label-primary{color:var(--gray-100);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:color .3s}.button-label-secondary{color:var(--gray-700);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:color .3s}.navbar-container{position:fixed;top:0;left:0;width:100%;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--gray-100)}.navbar-links-container{display:flex;gap:4rem}.navbar-link{color:var(--green-500);font-size:var(--font-size-lg);font-family:var(--font-secondary);cursor:pointer;transition:color .3s}.navbar-link:hover{color:var(--green-700);cursor:pointer}.navbar-link.active{color:var(--green-100);font-weight:700}.navbar-button-container{height:2rem;width:6rem}.navbar-mobile-toggle{width:35px;height:35px;padding:5px;cursor:pointer;border:1px solid var(--green-700);border-radius:10px;display:flex;display:none}.navbar-mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--gray-100);display:flex;flex-direction:column;align-items:center;z-index:998;padding-bottom:1rem}.navbar-mobile-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media (max-width: 768px){.navbar-links-container,.navbar-button-container{display:none}.navbar-mobile-toggle{display:block}.navbar-mobile-links{align-items:center;justify-content:center}}.terminal{background-color:#1e1e1e;color:var(--gray-500);font-family:Courier New,monospace;padding:1.5rem;border-radius:10px;min-width:40rem;height:30rem;margin:0 auto;animation:pulse-shadow 5s ease-in-out infinite}.terminal-header{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #3e3d3d;padding-bottom:1rem;align-items:center}.circle{width:12px;height:12px;border-radius:50%}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-header-title{display:flex;align-items:center;gap:.5rem;margin-left:30%}.terminal-header-name{font-size:1rem;font-family:var(--font-primary);color:var(--gray-500)}.terminal-body{font-size:1.1rem;display:flex;align-items:center;flex-direction:column;align-items:flex-start;overflow-y:auto;height:100%;padding-right:.5rem;scroll-behavior:smooth;flex:1;padding-bottom:3.5rem;scrollbar-width:none;-ms-overflow-style:none}.terminal-body::-webkit-scrollbar{display:none}.prompt{margin-right:.5rem;color:#f09a06}.typed-text{color:var(--gray-500)}.terminal-error-line{color:#ff6b6b}.terminal-loading-line,.terminal-success-line{color:var(--green-500)}.terminal-nextstep-line{color:#ffbd2e}@media (max-width: 768px){.terminal{min-width:300px;max-width:300px;height:280px;animation:none}.terminal-header-title{margin-left:0}}.tech-icons-bar{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;overflow:hidden}.tech-icons-container{height:50px;width:50px;background-color:var(--green-500);border-radius:50%;display:flex;align-items:center;justify-content:center}.tech-icon{border-radius:50%;height:45px;width:45px}@media (max-width: 768px){.tech-icons-bar{display:none}}.aboutme-container{display:flex;flex-direction:column;align-items:center;padding-bottom:7rem;width:100%}.aboutme-main{display:flex;padding:3rem 5rem;align-items:center;justify-content:center;gap:2rem}.aboutme-title{margin-top:-2.5rem;font-size:2rem;font-family:var(--font-secondary);font-weight:700;text-align:center;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.aboutme-name{color:var(--gray-400);font-size:1.5rem;font-family:var(--font-primary);font-weight:600}.aboutme-text-container{max-width:55rem}.aboutme-text{color:var(--gray-500);font-size:1.25rem;font-family:var(--font-primary);font-weight:400;text-align:justify;line-height:1.5}.aboutme-text-strong{color:var(--gray-500);font-size:1.35rem;font-family:var(--font-primary);font-weight:600;text-align:justify;line-height:1.5}@media (max-width: 768px){.aboutme-main{flex-direction:column;padding:3rem 0}.aboutme-text-container{min-width:310px;max-width:310px}}.contactPage-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;min-height:80vh;padding-bottom:4rem;margin-top:2rem;width:100%}.contactPage-title{margin-top:-2.5rem;margin-bottom:10rem;font-size:2rem;font-family:var(--font-secondary);font-weight:700;text-align:center;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.contactPage-contactBox{display:flex;align-items:center;justify-content:space-between;width:50%;margin-top:-15rem}.contactPage-email-container{max-width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;gap:2rem;height:7rem;border-radius:.5rem;border:1px solid var(--green-500);background-color:transparent;animation:pulse-shadow 3s ease-in-out infinite}.send-email-button{padding:20px;border:none;font-size:25px;cursor:pointer}.contactPage-emailAddress{color:var(--gray-500);font-size:1rem;font-family:var(--font-primary);font-weight:700}.contact-glass-button{all:unset;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:1rem;background:#ffffff1a;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;opacity:0}.animate-in .contact-glass-button.github{animation:slideInFromLeft 1s ease-out forwards}.animate-in .contact-glass-button.linkedin{animation:slideInFromRight 1s ease-out forwards}.footer{width:70%;margin-top:4rem;padding:2rem;border-top:1px solid var(--green-700)}.footer-text{color:var(--gray-500);font-size:.875rem;font-family:var(--font-secondary);text-align:center;margin-top:2rem}@media (max-width: 768px){.contactPage-contactBox{flex-direction:column;width:100%;gap:1rem;margin-top:-8rem;padding-bottom:2rem}.contactPage-email-container{max-width:100%;padding:.5rem;gap:.5rem}}.home-container{padding-top:5rem;display:flex;flex:1;padding-bottom:20rem;width:100%;align-items:center;justify-content:center}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.home-presentation{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:16rem;gap:3rem;padding-left:5rem}.animate-in .home-presentation{animation:slideInFromLeft 1s ease-out forwards;opacity:0}.home-name-box{display:flex;flex-direction:column;gap:.5rem}.home-greeting{color:var(--gray-400);font-size:1.25rem;font-family:var(--font-primary);font-weight:600}.home-name{color:var(--gray-400);font-size:1.75rem;font-family:var(--font-primary);font-weight:700}.home-fullstack{font-size:4rem;font-family:var(--font-secondary);font-weight:700;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.home-socials{height:5rem;display:flex;align-items:center;gap:1rem}.home-glass-button{all:unset;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:1rem;background:#ffffff1a;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.home-glass-button:hover{transform:scale(1.05);box-shadow:0 6px 40px #00ff9633}.home-buttons-container{display:flex;gap:1rem;min-height:3rem;width:15rem}.home-accomplishment-container{background:#ffffff0a;display:flex;gap:1rem;padding:1.5rem;border-radius:10px}.home-accomplishment-title{background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:1.25rem;font-family:var(--font-primary);font-weight:600}.home-accomplishment-description{color:var(--gray-400);font-size:1rem;font-family:var(--font-secondary);font-weight:400}.home-accomplishment-separator{width:1px;background-color:var(--gray-500)}@keyframes pulse-shadow{0%{box-shadow:0 0 20px #00ff9626}50%{box-shadow:0 0 50px #00ff9666}to{box-shadow:0 0 20px #00ff9626}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.home-photo-container{display:flex;align-items:center;justify-content:center;height:22rem;width:22rem;margin-left:20rem;margin-top:10rem;border-radius:999px;box-shadow:0 0 40px #00ff9633}.animate-in .home-photo-container{animation:slideInFromRight 1s ease-out forwards,pulse-shadow 3s ease-in-out infinite;animation-delay:0s,1s;opacity:0}@media (max-width: 768px){.home-container{flex-direction:column;min-height:fit-content;justify-content:flex-start;padding-bottom:5rem}.home-presentation{padding-left:0;height:auto}.home-accomplishment-container{flex-direction:column}.home-photo-container{display:none}}.projectCard-container{position:relative;height:20rem;width:25rem;background-color:var(--gray-130);border-radius:3%;overflow:hidden;opacity:1;border:1px solid var(--gray-700)}.projectCard-main{width:100%;height:100%}.projectCard-main img{width:100%;height:100%;object-fit:cover}.projectCard-buttonContainer{all:unset;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);z-index:2;height:2rem;width:12rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:var(--green-700);opacity:90%}.projectCard-footer{position:absolute;bottom:0;left:0;width:100%;height:3rem;background-color:var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-sizing:border-box;z-index:1;border-top:1px solid var(--gray-700)}.projectCard-footer-button-container{display:flex;align-items:center;justify-content:space-between;width:100%}.projectCard-footer-oneButton-container{display:flex;align-items:center;justify-content:center;width:100%}.projectCard-footer-button{height:2rem;width:7rem;border-radius:.5rem}@media (max-width: 768px){.projectCard-container{height:250px;width:280px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.portfolioPage-cardContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:25rem;gap:.5rem;opacity:0}.portfolioPage-cardContainer.animate-in{animation:slideInFromBottom 1s ease-out forwards}.portfolioPage-cardContainer_titleBox{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem}.portfolioPage-cardContainer_category{color:var(--gray-400);font-family:var(--font-secondary)}.portfolioPage-cardContainer_name{color:var(--green-500);font-family:var(--font-primary);font-weight:600}.portfolioPage-cardContainer_description{color:var(--gray-600);font-family:var(--font-primary);font-weight:600}.portfolioPage-container{display:flex;flex-direction:column;align-items:center;padding-bottom:10rem;width:100%}.portfolioPage-title{font-size:2rem;font-family:var(--font-secondary);font-weight:700;text-align:center;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.portfolioPage-stackFilter-container{display:flex;align-items:center;justify-content:center;width:100%;gap:2rem;padding:2rem 0}.portfolioPage-stackFilter-ButtonContainer{width:7rem;height:2rem}.portfolioPage-projectsContainer{display:flex;flex:1;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:2rem;width:90%}@media (max-width: 768px){.portfolioPage-stackFilter-container{gap:.5rem;width:110%}}:root{--green-100: #d4fddf;--green-300: #6ef58c;--green-500: #1edf2d;--green-700: #0b8c2f;--gray-100: #131110;--gray-130: #1f1a19;--gray-160: #2b2523;--gray-190: #362f2c;--gray-200: #403937;--gray-300: #574f4d;--gray-400: #8d8686;--gray-500: #d7d5d5;--gray-600: #e6e5e5;--gray-700: #ededed;--gray-800: #f3f2f2;--gray-900: #fafafa;--white: #ffffff;--black: #000000;--font-primary: "Roboto", sans-serif;--font-secondary: "Playfair Display", serif;--font-size-xsm: .5rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--border-radius: .5rem}.projectDetails-container{padding:0 2rem;margin:0 auto;width:100%}.projectDetails-titleBox{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.projectDetails-title{font-size:3rem;font-family:var(--font-secondary);font-weight:700;text-align:center;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.projectDetails-category{font-size:2rem;color:var(--gray-400);font-family:var(--font-primary)}.projectDetails-imgAndTechContainer{max-width:100%;max-height:79vh;display:flex;justify-content:space-between}.projectDetails-asideSessionTitle{font-size:1.5rem;background:linear-gradient(to right,var(--green-300),var(--green-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-family:var(--font-primary)}.projectDetails-about{font-size:1rem;color:var(--gray-500);font-family:var(--font-secondary);text-align:justify}.projectDetails-igniteCallWarn{color:#ab222e;font-weight:700;display:inline-block;margin-top:.5rem}.projectDetails-techItem{position:relative;font-size:1rem;color:var(--gray-500);font-family:var(--font-secondary);padding-left:1rem}.projectDetails-techItem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.6rem;height:.6rem;background-color:var(--green-500);border-radius:50%}.projectDetails-learnedItem{position:relative;font-size:1rem;color:var(--gray-500);font-family:var(--font-secondary);padding-left:1rem}.projectDetails-learnedItem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.6rem;height:.6rem;background-color:var(--green-500);border-radius:50%}.projectDetails-navbuttons_container{display:flex;padding:2rem 4rem;align-items:center;justify-content:space-between}.projectDetails-backButton{width:7rem;height:2rem}.projectDetails-externalButtons_container{display:flex;gap:8rem;height:2rem}.projectDetails-externalButtons-button{width:7rem}.projectDetails-image{width:75%}@media (max-width: 768px){.projectDetails-container{padding:0 .5rem}.projectDetails-imgAndTechContainer{padding-bottom:6rem}.projectDetails-navbuttons_container{position:absolute;padding:2rem .5rem;bottom:0;background-color:var(--gray-100);margin-top:2rem}.projectDetails-externalButtons_container{margin-left:4rem;gap:1rem}.projectDetails-externalButtons-button{width:5rem}.projectDetails-backButton{width:5rem;height:2rem}.projectDetails-image{display:none}}html,body{margin:0;padding:0;height:100%;background-color:var(--gray-100);font-family:var(--font-primary)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,dl,dd{margin:0;padding:0}.main-container{padding:2rem}