@import url(https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-ms-overflow-style:none;background-color:#000;color:#0f0;font-family:Share Tech Mono,monospace;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{height:0;width:0}.App{cursor:none;position:relative}.crt-overlay{animation:crt-flicker .1s infinite;background:repeating-linear-gradient(0deg,#00000080,#00000080 1px,#0000 0,#0000 2px),repeating-linear-gradient(90deg,#ff00001a,#ff00001a 1px,#0000 0,#0000 3px),repeating-linear-gradient(90deg,#00ff001a 2px,#00ff001a 3px,#0000 0,#0000 5px),repeating-linear-gradient(90deg,#0000ff1a 4px,#0000ff1a 5px,#0000 0,#0000 7px);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}@keyframes crt-flicker{0%{opacity:1}50%{opacity:.9}to{opacity:1}}main{align-items:center;display:flex;flex-direction:column;padding:0 150px}@media (max-width:768px){main{padding:0 50px}}@media (max-width:480px){main{padding:0 25px}}.app-header{align-items:center;background:#0000;box-sizing:border-box;display:flex;font-family:VT323,monospace;justify-content:space-between;left:0;padding:20px 40px;position:fixed;top:0;width:100%;z-index:100}.logo{color:#f0f;flex-shrink:0;font-size:1.8em;text-shadow:0 0 10px #f0f}.app-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.app-header nav a{border-bottom:2px solid #0000;color:#0f0;font-size:1.2em;margin-left:25px;padding-bottom:5px;text-decoration:none;transition:all .3s ease}.app-header nav a:hover{border-bottom-color:#0ff;color:#0ff;text-shadow:0 0 5px #0ff}@media (max-width:768px){.app-header{flex-wrap:wrap;justify-content:center;padding:20px}.app-header nav{justify-content:center;margin-top:10px;width:100%}.app-header nav a{font-size:1.1em;margin:0 15px}}@media (max-width:480px){.app-header nav a{font-size:1em;margin:0 10px}}.home-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;text-align:center}.glitch-container{color:#fff;font-family:VT323,monospace;font-size:7vw;font-weight:700;position:relative;text-transform:uppercase}.glitch-container:after,.glitch-container:before{background:#000;content:attr(data-text);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.glitch-container:before{animation:glitch-skew 5s linear infinite alternate;left:2px;text-shadow:-2px 0 #f0f}.glitch-container:after{animation:glitch-skew 8s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #0ff}@keyframes glitch-skew{0%{-webkit-clip-path:inset(95% 0 2% 0);clip-path:inset(95% 0 2% 0)}10%{-webkit-clip-path:inset(50% 0 45% 0);clip-path:inset(50% 0 45% 0)}20%{-webkit-clip-path:inset(95% 0 2% 0);clip-path:inset(95% 0 2% 0)}30%{-webkit-clip-path:inset(25% 0 50% 0);clip-path:inset(25% 0 50% 0)}40%{-webkit-clip-path:inset(10% 0 88% 0);clip-path:inset(10% 0 88% 0)}50%{-webkit-clip-path:inset(60% 0 15% 0);clip-path:inset(60% 0 15% 0)}60%{-webkit-clip-path:inset(90% 0 3% 0);clip-path:inset(90% 0 3% 0)}70%{-webkit-clip-path:inset(30% 0 65% 0);clip-path:inset(30% 0 65% 0)}80%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0)}90%{-webkit-clip-path:inset(45% 0 40% 0);clip-path:inset(45% 0 40% 0)}to{-webkit-clip-path:inset(95% 0 2% 0);clip-path:inset(95% 0 2% 0)}}.glitch-cursor{animation:blink .7s step-end infinite;color:#0f0}.subtitle{color:#0f0;font-size:1.5rem;margin-top:20px;text-shadow:0 0 5px #0f0}.projects-section{max-width:1200px;padding:150px 0;width:100%}.project-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a190ab3;border:1px solid #0f0;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-card:hover{border-color:#0ff;box-shadow:0 15px 30px #00ff004d;transform:translateY(-10px) scale(1.02)}.project-card:hover:before{left:100%}.card-header{align-items:center;display:flex;margin-bottom:15px}.card-icon{color:#f0f;font-family:VT323,monospace;margin-right:10px}.project-card h3{color:#0ff;font-size:1.5rem;margin:0}.project-card p{color:#ccc;font-size:1.1rem;line-height:1.5}.project-tags{margin-top:20px}.project-tags span{background:#050;border:1px solid #0f0;color:#0f0;display:inline-block;font-family:VT323,monospace;font-size:.9rem;margin-bottom:10px;margin-right:10px;padding:5px 10px}.grid-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.grid-lines{animation:move-grid 10s linear infinite;background-image:linear-gradient(90deg,#0ff3 1px,#0000 0),linear-gradient(180deg,#0ff3 1px,#0000 0);background-size:30px 30px;height:200%;width:200%}@keyframes move-grid{0%{transform:translate(0)}to{transform:translate(-100px,-100px)}}.contact-section{max-width:700px;padding:150px 0 200px;text-align:center;width:100%}.contact-content p{color:#ccc;font-size:1.2rem;margin-bottom:30px}.email-link{border:2px solid #0ff;color:#0ff;display:inline-block;font-family:VT323,monospace;font-size:1.3rem;padding:15px 30px;text-decoration:none;transition:all .3s ease}.email-link:hover{background:#00ffff1a;box-shadow:0 0 15px #0ff}.custom-cursor{height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .1s ease-out;width:20px;z-index:10000}.cursor-inner{animation:cursor-flicker 1s infinite;background-color:#0f0;box-shadow:0 0 10px #0f0,0 0 20px #0f0;height:100%;width:100%}.custom-cursor.hover .cursor-inner{animation:none;background-color:#f0f;box-shadow:0 0 10px #f0f,0 0 20px #f0f}@keyframes cursor-flicker{0%,to{opacity:1}50%{opacity:.7}}.scroll-animation{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animation.is-visible{opacity:1;transform:translateY(0)}.about-section{max-width:900px;padding:150px 0;width:100%}.about-content{color:#ccc;font-size:1.2rem;max-width:700px}.typewriter-text{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:20px}.typing-cursor{animation:blink .7s step-end infinite;color:#0f0}@keyframes blink{0%,to{color:#0000}50%{color:#0f0}}
/*# sourceMappingURL=main.0618c36e.css.map*/