.hero-title{text-align:center;margin-bottom:2rem}.hero-title h1{font-size:2.5rem}.hero-title h1,.hero-title h2{font-family:Press Start\ 2P,cursive;color:#4af626}.hero-title h2{font-size:1.5rem}.retro-text{font-family:Press Start\ 2P,cursive;color:#fff}.card-header,.card-title{color:#eb520c}.card-content{color:#fff}.button,.skill-name{font-family:Press Start\ 2P,cursive}.button{background-color:#000;color:var(--secondary-foreground);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;display:flex;align-items:center;transition:transform .3s}.button:hover{transform:scale(1.05)}.button:active{transform:scale(.95)}.retro-card{color:#fff;background-color:#000}.retro-font{color:#fff}.retro-green{color:#4af626}.retro-card .text-xs{color:#fff}.popup-background{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.popup-container{background:linear-gradient(90deg,#6b5b95,#feb236);border:4px solid #fff;color:#fff;padding:1.5rem;border-radius:1rem;max-width:40rem;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.5)}.popup-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;font-family:Press Start\ 2P,cursive}.popup-company{color:#fff;margin-bottom:.5rem;font-size:1rem}.popup-duration{font-size:.625rem;color:#d3d3d3;margin-bottom:1rem}.popup-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-item{display:flex;align-items:center;background:#000;color:#fff;padding:.25rem .4rem;border-radius:.5rem;font-size:.75rem}.popup-list{list-style:disc;padding-left:.75rem;margin-bottom:1rem;font-size:.75rem}.popup-button{margin-top:1rem;background:#000;color:#fff;padding:.4rem .8rem;border-radius:.5rem;font-weight:700;cursor:pointer;border:none;font-size:.875rem}.retro-font{font-family:Press Start\ 2P,sans-serif;color:#0f0}@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");.project-card{background-color:#000!important;color:#fff}.project-card-title{font-size:1.25rem;color:#4af626;font-weight:700;font-family:Press Start\ 2P,sans-serif}.project-card-description{font-size:.7rem;color:#fff;font-family:Press Start\ 2P,sans-serif}.project-card:hover{background-color:#000!important}.projects-title{font-size:2rem;color:#4af626;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;font-family:Press Start\ 2P,cursive;text-shadow:2px 2px 0 #2e3a2c}.projects-icon{margin-right:.5rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.project-card{background-color:#1a1a1a;border:2px solid #4af626;border-radius:10px;padding:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s}.project-card:hover{transform:scale(1.05)}