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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.hero-header{background:linear-gradient(135deg,#1d1f2f,#4e5d94);color:#fff;flex-direction:column;height:100vh;justify-content:center;position:relative}.hero-header,.nav-bar{align-items:center;display:flex}.nav-bar{justify-content:space-between;position:absolute;top:20px;width:90%}.logo{font-size:24px;font-weight:700}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:gold}.hero-content{padding:0 20px;text-align:center}.hero-title{font-size:2.5rem;margin-bottom:.5rem}.hero-subtitle{color:#ddd;font-size:1.2rem;margin-bottom:1.5rem}.hero-cta{background:gold;border-radius:30px;box-shadow:0 4px 10px #0000004d;color:#1d1f2f;display:inline-block;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s}.animated-header{align-items:center;background:linear-gradient(135deg,#222,#333);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.coding-background{animation:floatText 10s linear infinite;color:#00e676;font-family:monospace;font-size:1.5rem;left:10%;opacity:.1;position:absolute;top:10%}@keyframes floatText{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.code-line{margin:.5rem 0;opacity:.8}.intro-content h1{font-size:2.5rem;margin-bottom:.5rem}.intro-content .Typewriter__wrapper{color:gold;font-size:1.5rem}.explore-button{background:gold;border-radius:30px;box-shadow:0 4px 10px #0000004d;color:#222;display:inline-block;font-weight:700;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s}.explore-button:hover{background-color:#fff8e1}.about-me{background:#0d0d0d;color:#0f0;display:flex;font-family:monospace;justify-content:center;padding:4rem 2rem;text-align:left}.story-container{max-width:600px}.about-title{color:#00e676;font-size:2rem;margin-bottom:1rem}.story-line{color:#0f0;font-size:1.2rem;line-height:1.6;opacity:.85}.comment{color:#5eff5e}.code{color:#0f0;font-style:italic}.hacker-effect{color:#0f0;font-size:1.5rem;font-weight:700;margin-top:2rem;text-align:center}.highlight{animation:blink 1s infinite alternate;color:#ff5733}@keyframes blink{0%{opacity:1}to{opacity:.2}}.projects{background:#1c1c1c;color:#fff;padding:4rem 2rem;text-align:center}.projects h2{color:gold;font-size:2.5rem;margin-bottom:2rem}.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.project-item{border-radius:10px;cursor:pointer;overflow:hidden;position:relative}.project-image{height:auto;transition:transform .3s ease;width:100%}.project-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-item:hover .project-overlay{opacity:1}.project-item:hover .project-image{transform:scale(1.1)}.project-overlay h3{color:gold;font-size:1.5rem;margin-bottom:.5rem}.github-link{color:#00e676;font-weight:700;text-decoration:none}.more-projects{margin-top:2rem}.more-projects a{color:gold;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s ease}.footer,.more-projects a:hover{color:#fff}.footer{background-color:#1c1c1c;padding:2rem;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column}.social-links{margin-bottom:1rem}.social-icon{color:gold;font-size:1.5rem;margin:0 .5rem;transition:color .3s ease}.social-icon:hover{color:#00e676}.footer-text{color:#ccc;font-size:.9rem}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4c7c9d10.css.map*/