:root{--unit: 8px;--spacing-1: clamp(24px, 4vw, 64px);--spacing-2: clamp(8px, 4vw, 32px);--spacing-2: 32px;--spacing-3: 64px;--spacing-4: clamp(64px, 4vw, 128px);--margins-main: 8rem;--btn-radius: 32px;--color-text: rgba(255, 255, 255, .87);--color-secondary: #121212;--color-primary: rgb(17, 59, 30);--color-background: rgb(24, 24, 24);--header-height: 7.5vh;font-size:clamp(14px,1.48vw,20px);font-family:consolas,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{text-decoration:inherit}body{margin:0;min-width:320px}h1{font-size:2.75rem}h2{font-size:2.5rem}h3{font-size:2.25rem}p{font-size:1rem}@media (max-width: 1024px){:root{--margins-main: 5rem}}@media (max-width: 760px){:root{--margins-main: 1rem}}.App{display:flex;width:100%;flex-direction:column;align-items:center}.page{display:flex;flex-direction:column;max-width:1660px;text-align:center;background-color:var(--color-background)}.off-screen-menu{position:fixed;background-color:#000;top:0;width:60%;right:-60%;height:100%;transition:.3s ease}.off-screen-menu.active{right:0}.ham-menu{height:50px;width:50px}.ham-menu *{width:100%;height:100%}.header-container{display:flex;justify-content:space-around;align-items:center;gap:var(--unit);padding:var(--unit);min-height:var(--header-height);width:100%;position:sticky;top:0;left:0;z-index:999;background-color:#000}.header-name{margin:0;color:var(--color-text);font-size:1.5rem;justify-content:center;align-items:center}.header-navbar{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:flex-end;align-items:center;font-size:calc(2 * var(--unit))}.header-navbar-link{border-radius:var(--btn-radius);color:var(--color-text);padding:.25em 1em}.socialMedia-container{border-color:red;display:flex}.socialMediaLink{display:flex;justify-content:center;text-transform:none;color:var(--color-text);font-size:2em;padding-right:.25em;padding-left:.25em}.header-container a:hover{transform:scale(1.05);transition:transform .3s ease-in-out}@media (max-width: 768px){.header-navbar{display:none}}.hero-section{display:grid;grid-template-columns:65% 35%;grid-template-rows:75% auto;align-items:center;justify-content:space-between;justify-items:center;flex-grow:1;height:calc(100vh - var(--header-height));padding-left:6rem;padding-right:6rem}.hero-section .button-1{grid-row-start:2;grid-column-start:span 2;min-width:300px;min-height:100px;align-self:start}.hero-info{grid-row:1/1;justify-self:start;max-width:45rem;padding-right:4rem}.hero-heading{font-size:56px}.portrait-img{justify-self:end;border-radius:50%;object-fit:cover;max-height:min(100%,400px);max-width:min(100%,400px)}@media (max-width: 768px){.hero-section{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-auto-flow:column;padding:0}.hero-section *{justify-self:center}.portrait-img{grid-row:1;grid-column:1;max-height:250px}.hero-info{align-self:start;grid-row:2;padding-left:2rem;padding-right:2rem}.hero-heading{margin-top:0}.hero-section .button-1{grid-row:3}.hero-body{font-size:1.2rem}}.button-1{font-size:1.5rem;padding:.5em .7em;border:none;outline:none;background-color:red;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;color:#fff}.button-1:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-1 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}@keyframes glowing-button-1{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.button-1:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background-color:#000;left:0;top:0;border-radius:10px}.button-1:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.button-1:hover:before{opacity:1}.projects-list{display:flex;flex-direction:column;gap:4rem}.projects-section{scroll-margin-top:var(--header-height)}.card-container{border-style:solid;border-color:#000;border-width:6px;border-radius:32px;background-color:var(--color-secondary);display:grid;grid-template-columns:40% 60%;gap:var(--unit);box-sizing:border-box;position:relative;z-index:0;overflow:hidden}.card-container *{margin:0}.card-img{grid-column:1;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;z-index:0}.card-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:1rem .5rem .25rem;gap:1rem;overflow:visible}.card-info-title{grid-column:2;display:block}.card-info-description{grid-column:2;display:block;padding:1rem;text-align:justify}.card-info-bottom-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;overflow:visible;position:relative;width:100%;box-sizing:border-box;z-index:1}.card-link-container{grid-column:2;display:flex;gap:1rem;padding-right:var(--unit);padding-bottom:var(--unit)}.card-link-btn{font-size:2rem;display:flex;justify-content:center;height:fit-content;align-items:center;border-radius:var(--btn-radius);gap:var(--unit);padding:1em}@media (max-width: 768px){.card-container{grid-template-columns:1fr}}.tech-container{display:flex;white-space:nowrap;position:relative;overflow-x:hidden;overflow-y:visible;align-items:center;flex:1 1 0;z-index:2}.tech-track{--tech-badge-gap: 1rem;--marquee-duration: 24s;display:flex;align-items:center;width:max-content;will-change:transform;animation:marquee var(--marquee-duration) linear infinite;transform:translateZ(0);backface-visibility:hidden}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.tech-set{display:flex;align-items:center;gap:var(--tech-badge-gap);padding-right:var( --tech-badge-gap )}.tech-container:hover .tech-track{animation-play-state:paused}.tech-badge{font-size:1.25rem;cursor:pointer;justify-content:center;align-items:center;flex:0 0 auto;line-height:1;position:relative;z-index:3;height:fit-content}.tech-img{max-width:2.25em;height:2.25em}.tech-alt{border-radius:var(--btn-radius);padding:.5em;background-color:var(--color-background);text-align:"center"}.tech-badge:hover:before,.tech-alt:hover:before{content:attr(data-tech);font-size:1rem;position:absolute;background-color:#000;left:50%;transform:translate(-50%);bottom:50%;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;z-index:100}.contact-section{display:flex;flex-direction:column;align-items:center;margin-top:4rem;margin-bottom:4rem;padding-right:1rem;padding-left:1rem;gap:2rem}.contact-section .button-1{max-width:300px}.contact-heading{margin-bottom:0}