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;z-index:100}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-tap-highlight-color:rgba(255,255,255,0);background-color:#1a1a1a;color:#fff;cursor:pointer;min-height:100vh;overflow-x:hidden;position:relative;z-index:2}#particles{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.App-header{background-color:initial;color:#0f0;margin-bottom:2rem;overflow:visible;padding:2rem 0;position:relative;text-align:center;z-index:100}.App-header h1{animation:glitch 5s infinite;display:inline-block;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700;margin:0 0 1rem;position:relative;transform-origin:center;z-index:3}@keyframes glitch{0%{text-shadow:none;transform:none}92%{text-shadow:none;transform:none}93%{text-shadow:-2px 0 red,2px 2px #00f;transform:translate(2px,-2px) scale(1.01)}94%{text-shadow:2px -2px red,-2px 2px #00f;transform:translate(-2px,2px) scale(.99)}95%{text-shadow:2px 0 red,-2px -2px #00f;transform:translate(2px,2px) scale(1.01)}96%{text-shadow:none;transform:none}97%{text-shadow:-2px 0 red,2px 2px #00f;transform:translate(-2px,-2px) scale(.99)}98%{text-shadow:none;transform:none}99%{text-shadow:2px 2px red,-2px -2px #00f;transform:translate(2px,-2px) scale(1.01)}to{text-shadow:none;transform:none}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-dropdown{bottom:-20px;display:inline-block;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}@media (min-width:1024px){.nav-dropdown{display:none}}.desktop-nav{display:none}@keyframes gradient{0%{color:#0f0}50%{border-bottom:1px solid #ff06;color:#fff}to{color:#0f0}}@media (min-width:1024px){.desktop-nav{bottom:-20px;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.nav-button{background:#0000;border:none;border-radius:50%;color:#0f0;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.1rem;padding:.8rem 2rem;transition:all .3s ease}.nav-button:hover{animation:gradient .8s ease-in-out;border-bottom:1px solid #0f0;border-radius:3px}.nav-button.active{animation:rotate .5s;color:#fff}}.dropdown-toggle{background:#1a1a1a;border:none;border-radius:5px;box-shadow:0 2px 3px #0003,0 1px 3px #0f03,inset 2px 1px 3px #00000080,inset -1px 1px 3px #0003;color:#0f0;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.1rem;min-width:200px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.dropdown-toggle.open{border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 2px 3px #0003,1px 1px 3px #00000080,inset 2px 2px 3px #00000080,inset -1px 2px 3px #0003}.arrow{font-size:.8rem;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.arrow.open{transform:translateY(-50%) rotate(180deg)}.dropdown-menu{animation:slideDown .3s ease;background-color:#1a1a1af2;border:1px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:none;box-shadow:0 2px 3px #0f03,1px 1px 3px #00ff0080,inset 2px 1px 3px #00000080,inset -1px 1px 3px #0f03;left:0;position:absolute;right:0;top:calc(100% - 1px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{background:none;border:none;color:#0f0;cursor:pointer;display:block;font-family:Courier New,Courier,monospace;font-size:1rem;padding:.8rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.menu-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.menu-item.active,.menu-item:hover{background-color:#00ff001a;box-shadow:inset 2px 1px 3px #00000080}.menu-item.active{color:#fff}main{padding:0 1rem}.blog-container,main{position:relative;z-index:2}.blog-container{font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1200px;padding-bottom:2rem;padding-top:20px}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blog-post,.blog-posts{transition:all .3s ease-in-out}.blog-post{background-color:#2a2a2a66;border-radius:10px;box-shadow:0 2px 3px #0003,0 1px 3px #0f03,inset 2px 2px 3px #00000080,inset -1px 2px 3px #0003;cursor:pointer;display:flex;flex-direction:column;min-height:200px;padding:25px;position:relative}.blog-post:hover{background-color:#2a2a2ab3;box-shadow:0 2px 3px #0003,1px 1px 3px #00ff0080,inset 2px 3px 3px #00000080,inset -1px 3px 3px #0003;transform:translateY(-3px)}.blog-post h2{color:#0f0;font-size:1.5rem;margin-bottom:.5rem;padding-left:20px}.post-date{color:#888!important;font-style:italic;margin-bottom:1rem;padding-left:20px}.blog-post p{color:#fff;flex-grow:1;font-size:1rem;font-weight:200;line-height:1.6;padding-left:20px}.loading-text{align-items:center;color:#0f0;display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;padding:2rem;text-align:center}.loading-text .dot{animation:pulse 1.5s infinite;background-color:#0f0;border-radius:50%;display:inline-block;height:8px;width:8px}.loading-text .dot:nth-child(2){animation-delay:.5s}.loading-text .dot:nth-child(3){animation-delay:1s}.error-message{background-color:#ff00001a;border:1px solid red;border-radius:3px;color:red;padding:2rem;text-align:center}.repo-stats{display:flex;gap:1rem;margin-top:1rem;padding-left:20px}.stat{align-items:center;color:#00ff00b3;display:flex;font-size:.9rem;gap:.3rem}.about-container{font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1200px;padding-top:20px}.about-content{align-items:flex-start;display:flex;gap:2rem}.profile-section{flex:0 0 200px;position:-webkit-sticky;position:sticky;top:2rem}.profile-image{border-radius:10px;image-rendering:optimizeSpeed;opacity:.9;transition:all .3s ease;width:100%}.profile-image:hover{box-shadow:0 0 20px #00ff004d;transform:scale(1.02)}.info-section{flex:1 1}.bio-section,.education-section,.links-section{background-color:#2a2a2a66;border-radius:10px;box-shadow:0 2px 3px #0003,0 1px 3px #0f03,inset 2px 2px 3px #00000080,inset -1px 2px 3px #0003;margin-bottom:2rem;padding:2rem;transition:all .3s ease;&:hover{background-color:#2a2a2ab3}}h2{color:#0f0;font-size:1.8rem}.education-item,h2{margin-bottom:1.5rem}.education-item{border-left:2px solid #0f0;padding-left:1rem}.education-item h3{font-weight:200;margin-bottom:.5rem}.education-item p{color:#fff;margin:.3rem 0}.year{color:#888!important;font-style:italic}.links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.link-item{align-items:center;background-color:#333;border-radius:3px;color:#0f0;display:flex;padding:1rem;text-decoration:none;transition:all .3s ease}.link-item:hover{box-shadow:0 2px 3px #0003,1px 1px 3px #00ff0080,inset 2px 3px 3px #00000080,inset -1px 3px 3px #0003;transform:translateY(-3px)}.link-icon{font-weight:700;margin-right:1rem}.bio-content{border-left:2px solid #0f0;padding-left:1rem}.bio-content p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:768px){.about-content{flex-direction:column}.profile-section{flex:0 0 auto;margin:0 auto 2rem;max-width:250px}}.sites-container{font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1200px;padding-bottom:2rem;padding-top:20px}.sites-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.site-card{background-color:#2a2a2a66;border-radius:10px;box-shadow:0 2px 3px #0003,0 1px 3px #0f03,inset 2px 2px 3px #00000080,inset -1px 2px 3px #0003;cursor:pointer;display:flex;flex-direction:column;min-height:200px;padding:25px;position:relative;transition:all .3s ease-in-out}.site-card:hover{background-color:#2a2a2ab3;box-shadow:0 2px 3px #0003,1px 1px 3px #00ff0080,inset 2px 3px 3px #00000080,inset -1px 3px 3px #0003;transform:translateY(-3px)}.site-card h2{color:#0f0;font-size:1.5rem;margin-bottom:1rem;padding-left:20px}.site-description{color:#fff;flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;padding-left:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:20px}.tech-tag{background-color:#3339;border-radius:3px;box-shadow:inset 2px 1px 3px #00000080;color:#0f0;font-size:.9rem;padding:.3rem .8rem}.coming-soon{cursor:default;opacity:.8}.coming-soon:hover{background-color:#2a2a2a;transform:none}.loading-dots{display:flex;gap:5px;position:absolute;right:20px;top:20px}.dot{animation:pulse 1.5s infinite;background-color:#0f0;border-radius:50%;box-shadow:inset 2px 1px 3px #00000080;height:8px;width:8px}.dot:nth-child(2){animation-delay:.5s}.dot:nth-child(3){animation-delay:1s}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.blink{animation:blink 2s infinite;background-color:initial;border-color:#0f0;color:#0f0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.scroll-to-top{align-items:center;background:#1a1a1ae6;border:1px solid #0f0;border-radius:5px;bottom:40px;box-shadow:0 0 10px #0f03;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:40px;transition:all .3s ease;width:40px;z-index:1000}.scroll-to-top:hover{box-shadow:0 0 15px #0f06;transform:translateY(-3px)}.arrow-up{color:#0f0;font-size:1.2rem;transition:all .3s ease}.scroll-to-top:hover .arrow-up{color:#ff0}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px}}.language-switcher{background:#0000004d;border-radius:20px;display:flex;gap:0;padding:2px;position:absolute;right:20px;top:15%;transform:translateY(-50%)}.language-switcher button{background:#0000;border:none;border-radius:15px;box-shadow:0 2px 3px #0003,0 1px 3px #0f03,inset 2px 2px 3px #00000080,inset -1px 2px 3px #0003;color:#0f0;cursor:pointer;font-family:monospace;font-size:12px;padding:3px 10px;position:relative;transition:all .3s ease}.language-switcher button.active{background:#0f0;color:#000}.language-switcher button:hover:not(.active){background:#00ff001a}@media screen and (max-width:768px){.language-switcher{right:10px}.language-switcher button{font-size:11px;padding:2px 8px}}.game{-webkit-tap-highlight-color:rgba(255,255,255,0);background-color:initial;background-image:url(/static/media/icon-192.a46842610c36a77e0ad2.png);background-position:.5rem .5rem;background-repeat:no-repeat;background-size:3rem auto;height:100vh;position:fixed;transition:all .6s ease;width:100vw;z-index:1}.bodypart,.head{height:auto;opacity:.5;position:relative;rotate:90deg;width:3rem}.snake{align-self:center;animation:move .8s ease;display:flex;flex-direction:column}@keyframes move{0%,50%{transform:translateY(5px)}to{transform:translateY(5px)}}.food{bottom:.5rem;height:auto;left:.5rem;position:fixed;transition:all 1s ease;width:3rem;z-index:3}.scaleDown{animation:scalemin 3s ease}@keyframes scalemin{0%{transform:rotate(0deg);width:3rem}50%{transform:rotate(1turn);width:1rem}to{transform:rotate(0deg);width:3rem}}
/*# sourceMappingURL=main.72db3e76.css.map*/