:root{--margins-main: 8rem;--btn-radius: 32px;--color-text: rgba(255, 255, 255, .87);--color-secondary: #000000;--color-primary: rgb(17, 59, 30);--color-background: rgb(24, 24, 24);--color-border: rgb(0, 255, 81);--header-height: 7.5svh;font-size:clamp(14px,1.48vw,20px);font-family:Inter,sans-serif,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);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;background-image:url(/images/darkness.png);background-color:#a5140a;background-attachment:fixed;background-size:contain;background-position:center;height:100vh}h1{font-size:2.75rem}h2{font-size:2.5rem}h3{font-size:2.25rem}p{font-size:1rem}.App{display:flex;width:100%;flex-direction:column;align-items:center}.page{display:flex;flex-direction:column;max-width:1660px;text-align:center}.ham-navbar{position:fixed;background-color:#000;top:var(--header-height);width:60%;right:-60%;height:100%;transition:.3s ease;display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;padding:1rem}.ham-navbar.active{right:0}.ham-navbar-link{display:flex;align-items:center;color:var(--color-text);gap:1rem}.ham-menu{display:none;height:50px;width:50px;z-index:100}.ham-menu *{width:100%;height:100%}@media (max-width: 768px){.ham-menu{display:inline}}.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;border-style:solid;border-color:var(--color-border);border-width:0 0 1px 0}.header-name{align-self:center;margin:0;color:var(--color-text);font-size:1.75rem}.header-navbar{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-end;align-items:center;font-size:1em}.header-navbar-link{border-radius:var(--btn-radius);color:var(--color-text);padding:.25em 1em}.header-navbar-link:hover{transform:scale(1.05);transition:transform .1s ease-in-out;text-shadow:0 0 10px var(--color-border)}.socialMedia-container{border-color:var(--color-border);display:flex}.socialMediaLink{display:flex;justify-content:center;text-transform:none;color:var(--color-text);font-size:2em;padding-right:.25em;padding-left:.25em}.socialMediaLink:hover{transform:scale(1.05);transition:transform .1s ease-in-out;filter:drop-shadow(0px 0px 10px var(--color-border))}@media (max-width: 768px){.header-container{justify-content:space-between}.header-name{font-size:0}.header-name:before{content:attr(data-initials);font-size:2.5rem;letter-spacing:4px;padding-left:.4rem}.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(100svh - var(--header-height));padding-left:6rem;padding-right:6rem;scroll-margin-top:var(--header-height)}.hero-section .button-1{grid-row-start:2;grid-column-start:span 2;align-self:start;height:clamp(1.5rem,25svh,5rem);width:clamp(1.5rem,50svw,14rem)}.hero-section .button-1 p{font-size:20px}.hero-info{grid-row:1/1;justify-self:start;max-width:40rem;padding-right:4rem}.hero-heading{text-shadow:0px 0px 30px var(--color-border);font-size:clamp(1.5rem,7dvh,5rem);margin:1rem 0}.portrait-img{justify-self:end;border-radius:50%;border-style:solid;border-color:var(--color-border);border-width:2px;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:25svh}.hero-info{align-self:start;grid-row:2;padding-left:2rem;padding-right:2rem}.hero-heading{margin:0;max-height:25svh}.hero-section .button-1{grid-row:3}.hero-body{font-size:1.2rem}}.button-1{font-size:1.5rem;color:#fff;padding:.5em .7em;border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#000;border-style:solid;border-color:var(--color-border);border-width:1px;border-radius:45px}.button-1>.icon{font-size:1.4rem}.button-1 p{margin:0}.button-1:hover{transform:scale(1.05);transition:transform .1s ease-in-out;filter:drop-shadow(0px 0px 10px var(--color-border))}.projects-list{display:flex;flex-direction:column;gap:3rem}.projects-section{scroll-margin-top:var(--header-height)}.card-container{border:1px solid var(--color-border);border-radius:32px;background-color:var(--color-secondary);display:grid;grid-template-columns:40% 60%;grid-template-rows:100%;height:55vh;min-height:0;box-sizing:border-box;overflow:hidden;position:relative}.card-img{width:100%;height:100%;object-fit:cover}.card-info{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:1rem 1rem .75rem;min-height:0;overflow:hidden}.card-info-title{margin:0;flex-shrink:0}.card-info-description{display:-webkit-box;align-items:center;margin-bottom:1rem;padding:0 1rem;text-align:justify;overflow-y:hidden;flex-grow:1;flex-shrink:1}.card-info-description.expanded{align-items:flex-start;max-height:none;-webkit-line-clamp:unset}.card-container:has(.card-info-description.expanded){height:fit-content}.card-info-bottom-container{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.card-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:30vh}.card-img{height:auto;max-height:20vh;aspect-ratio:4 / 3}.card-info{padding:1.2rem 1rem}.card-info-description{max-height:8rem;align-items:flex-start;position:relative;transition:opacity .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:4}.card-info-description:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2rem;background:linear-gradient(to bottom,transparent,var(--color-secondary));pointer-events:none}.card-info-description:active{opacity:.8}.card-info-description.expanded:after{display:none}}.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;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-height:3.4rem}.contact-heading{margin-bottom:0}