@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;padding:0;min-height:100%;height:100%;font-family:Press Start\ 2P,cursive;color:#fff}body{background:none}.container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding-top:80px}.content{text-align:center;max-width:650px;margin:0 auto;padding:20px}@media (min-width:1024px){.content{max-width:1200px}}.header{display:flex;align-items:flex-start;justify-content:center;margin-bottom:20px}.head-image{width:80px;height:auto;margin-right:10px;animation:shake 3s infinite}.speech-bubble{position:relative;display:flex;align-items:center;justify-content:flex-start;width:235px;height:60px;background:#fff;color:#121212;border-radius:20px;font-size:.7rem;box-shadow:0 2px 5px rgba(0,0,0,.3);margin-top:15px;padding-left:25px;padding-right:10px;text-align:left;animation:giggle 2s infinite}.speech-bubble:after{content:"";position:absolute;bottom:-15px;left:10px;width:30px;height:55px;background:#fff;-webkit-clip-path:polygon(0 100%,100% 50%,0 0);clip-path:polygon(0 100%,100% 50%,0 0)}.intro{font-size:1rem;margin-bottom:60px;line-height:1.5}.skills-section{margin:60px 0}.skills-container{display:flex;justify-content:center;grid-gap:25px;gap:25px;flex-wrap:wrap;margin-top:30px}.skill-tag{background:#fff;color:#121212;padding:8px 15px;font-size:.6rem;border:2px solid #fff;box-shadow:2px 2px 0 #fff;transition:transform .2s ease;cursor:default}.skill-tag:hover{transform:scale(1.05)}.projects-section{margin:60px 0}.section-title{font-size:1rem;margin-bottom:30px;text-decoration:underline}.filter-buttons{display:flex;justify-content:center;grid-gap:15px;gap:15px;margin-bottom:40px}.filter-btn{background:#333;color:#fff;border:2px solid #fff;padding:8px 15px;font-size:.7rem;font-family:Press Start\ 2P,cursive;cursor:pointer;transition:all .3s ease;box-shadow:2px 2px 0 #fff}.filter-btn:hover{background:#555;transform:translateY(-2px);box-shadow:3px 3px 0 #fff}.filter-btn.active{background:#fff;color:#121212;box-shadow:3px 3px 0 #0c6}.project-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:30px;gap:30px;max-width:100%;justify-items:center}@media (min-width:1024px){.project-cards-container{grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}}@media (min-width:768px) and (max-width:1023px){.project-cards-container{grid-template-columns:repeat(2,1fr);grid-gap:25px;gap:25px}}@media (max-width:767px){.project-cards-container{grid-template-columns:1fr;grid-gap:30px;gap:30px}}.project-card{background:#121212;color:#fff;border:2px solid #fff;padding:15px;width:260px;text-align:left;box-shadow:3px 3px 0 #fff;image-rendering:pixelated;display:flex;flex-direction:column;height:100px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}@media (max-width:767px){.project-card{width:100%;max-width:400px}}.project-card:hover{transform:translateY(-5px);box-shadow:5px 5px 0 #fff}.project-card h3{margin:0 0 10px;font-size:.9rem;display:flex;align-items:center;grid-gap:8px;gap:8px}.year-tag{font-size:.5rem;background:#fff;color:#121212;padding:2px 6px;border-radius:2px}.project-card p{font-size:.7rem;margin:0 0 10px}.progress-meter{position:relative;width:100%;height:15px;background:#333;border:2px solid #fff;box-shadow:2px 2px 0 #fff;margin-top:auto}.progress-fill{height:100%;transition:width .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;color:#fff}.contact{margin-top:60px}.contact-btn{display:inline-block;padding:10px 20px;background-color:#fff;color:#121212;text-decoration:none;font-size:.8rem;border-radius:4px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;cursor:pointer}.contact-btn:hover{background-color:#e0e0e0;transform:scale(1.05);box-shadow:2px 2px 5px rgba(0,0,0,.2)}.footer{text-align:center;padding:5px 0}.footer-icon{font-size:1rem;margin:0 5px}@keyframes shake{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(-2px,2px) rotate(-2deg)}20%{transform:translate(0) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}@keyframes giggle{0%{transform:translate(0) rotate(0deg)}10%{transform:translateY(-2px) rotate(2deg)}20%{transform:translate(0) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.has-hover-link .hover-link,.has-hover-link:hover .default-desc{display:none}.has-hover-link:hover .hover-link{display:block}.has-hover-link:hover .hover-link a{color:#0c6!important}.effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999}.boom-effect,.sparkle-effect{font-size:3rem;animation:explode 1s ease-out}@keyframes explode{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(2);opacity:0}}
/*# sourceMappingURL=main.1064b91e.chunk.css.map */