*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gb-darkest:#0f380f;--gb-dark:#306230;--gb-mid:#8bac0f;--gb-light:#9bbc0f;--gb-lightest:#e0f8d0}html{scroll-behavior:smooth}body{background-color:var(--gb-darkest);color:var(--gb-light);font-family:"Press Start 2P",monospace;font-size:10px;line-height:2}a{color:var(--gb-light);text-decoration:none}ul{list-style:none}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}section{border-bottom:4px solid var(--gb-dark);padding:4rem 0}.section-title{color:var(--gb-lightest);text-shadow:3px 3px 0 var(--gb-darkest);margin-bottom:2rem;font-size:1.2rem}.section-title:before{content:"> ";color:var(--gb-mid)}.navbar{z-index:100;background-color:var(--gb-darkest);border-bottom:4px solid var(--gb-dark);padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-name{color:var(--gb-lightest);text-shadow:2px 2px 0 var(--gb-dark);font-size:1rem}.navbar-links{gap:1.5rem;display:flex}.navbar-links a{color:var(--gb-light);font-size:.7rem;transition:color .1s}.navbar-links a:before{content:"[ "}.navbar-links a:after{content:" ]"}.navbar-links a:hover{color:var(--gb-lightest)}.hero{padding:5rem 0 4rem}.hero-name{color:var(--gb-lightest);text-shadow:4px 4px 0 var(--gb-darkest);margin-bottom:1rem;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.6}.hero-title{color:var(--gb-mid);margin-bottom:1.5rem;font-size:.85rem}.hero-links{flex-wrap:wrap;gap:1rem;display:flex}.btn{border:3px solid var(--gb-darkest);cursor:pointer;padding:.65rem 1.1rem;font-family:"Press Start 2P",monospace;font-size:.65rem;transition:transform .1s,box-shadow .1s;display:inline-block}.btn:active{transform:translate(3px,3px);box-shadow:none!important}.btn-primary{background-color:var(--gb-light);color:var(--gb-darkest);box-shadow:4px 4px 0 var(--gb-darkest)}.btn-primary:hover{background-color:var(--gb-lightest)}.btn-secondary{background-color:var(--gb-dark);color:var(--gb-light);box-shadow:4px 4px 0 var(--gb-darkest)}.btn-secondary:hover{background-color:var(--gb-mid);color:var(--gb-darkest)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.about-text p{color:var(--gb-light);font-size:.7rem;line-height:2.4}.education-card{background-color:var(--gb-dark);border:4px solid var(--gb-light);box-shadow:6px 6px 0 var(--gb-darkest);padding:1.5rem}.education-card h3{color:var(--gb-lightest);margin-bottom:.75rem;font-size:.75rem;line-height:1.8}.education-card .degree{color:var(--gb-light);margin-bottom:.75rem;font-size:.6rem;line-height:2}.education-card .period{color:var(--gb-mid);font-size:.6rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.project-card{background-color:var(--gb-dark);border:4px solid var(--gb-light);box-shadow:6px 6px 0 var(--gb-darkest);flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .1s,box-shadow .1s;display:flex}.project-card:hover{box-shadow:8px 8px 0 var(--gb-darkest);border-color:var(--gb-lightest);transform:translate(-2px,-2px)}.project-meta{justify-content:space-between;align-items:center;display:flex}.project-type,.project-period{color:var(--gb-mid);font-size:.6rem}.project-name{color:var(--gb-lightest);font-size:.75rem;line-height:1.8}.project-desc{color:var(--gb-light);flex:1;font-size:.62rem;line-height:2.2}.tech-list{flex-wrap:wrap;gap:.4rem;display:flex}.tech-tag{background-color:var(--gb-darkest);border:2px solid var(--gb-mid);color:var(--gb-mid);padding:.2rem .45rem;font-family:"Press Start 2P",monospace;font-size:.55rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.skill-group{background-color:var(--gb-dark);border:4px solid var(--gb-light);box-shadow:6px 6px 0 var(--gb-darkest);padding:1.25rem}.skill-category{color:var(--gb-lightest);border-bottom:2px solid var(--gb-mid);margin-bottom:1rem;padding-bottom:.5rem;font-size:.7rem;line-height:1.8}.skill-group ul{flex-direction:column;gap:.5rem;display:flex}.skill-group li{color:var(--gb-light);font-size:.62rem}.skill-group li:before{content:"» ";color:var(--gb-mid)}.experience-list{flex-direction:column;gap:1.5rem;display:flex}.experience-item{background-color:var(--gb-dark);border:4px solid var(--gb-light);border-left:8px solid var(--gb-light);box-shadow:6px 6px 0 var(--gb-darkest);padding:1.5rem}.experience-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.experience-role{color:var(--gb-lightest);font-size:.75rem;line-height:1.8}.experience-period{color:var(--gb-mid);white-space:nowrap;font-size:.6rem}.experience-company{color:var(--gb-mid);margin-bottom:1rem;font-size:.62rem;line-height:2}.experience-points{flex-direction:column;gap:.5rem;display:flex}.experience-points li{color:var(--gb-light);padding-left:1rem;font-size:.62rem;line-height:2.2}.experience-points li:before{content:"- ";color:var(--gb-mid)}.certificates-list{flex-direction:column;gap:.75rem;display:flex}.certificate-item{background-color:var(--gb-dark);border:4px solid var(--gb-light);box-shadow:6px 6px 0 var(--gb-darkest);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .1s,box-shadow .1s,border-color .1s;display:flex}.certificate-name{color:var(--gb-light);font-size:.62rem;line-height:2}.certificate-date{color:var(--gb-mid);white-space:nowrap;font-size:.6rem}.certificate-item:hover{box-shadow:8px 8px 0 var(--gb-darkest);border-color:var(--gb-lightest);transform:translate(-2px,-2px)}.contact-content{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.contact-desc{color:var(--gb-light);font-size:.7rem;line-height:2.4}.contact-links{flex-direction:column;gap:.75rem;display:flex}.contact-link{color:var(--gb-light);border:3px solid var(--gb-dark);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.62rem;transition:border-color .1s,background-color .1s;display:flex}.contact-link:hover{border-color:var(--gb-light);background-color:var(--gb-dark);box-shadow:8px 8px 0 var(--gb-darkest);transform:translate(-2px,-2px)}.contact-label{color:var(--gb-mid);min-width:80px}
