body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.home{display:flex;flex-direction:column;margin:auto;width:70%}@media only screen and (max-width:1024px){.home{width:90%}}@media only screen and (max-width:512px){.home{width:100%}}#tsparticles{height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:-1}.header{align-items:center;justify-content:space-between;padding:12px;position:relative}.header,.menu{display:flex;flex:1 1}.menu{justify-content:flex-end}.menu-icon{font-size:24px}.mobile-menu{display:none}.logo,.web-menu{display:flex}.logo{color:gray;font-size:36px;font-weight:800}@media only screen and (max-width:720px){.mobile-menu{display:flex}.web-menu{display:none}.logo{font-size:24px}}.web{align-items:center;display:flex;flex:1 1}.web-option{font-size:20px;font-weight:700;margin-right:16px}.web-option a{color:#000;text-decoration:none}.option-icon,.web-option a{align-items:center;display:flex}.option-icon{margin-right:4px}.web-option:last-child{margin-right:0}.mobile{background-color:#fff;display:flex;flex-direction:column;height:100vh;padding:18px 12px;position:absolute;right:0;top:-6px;width:60vw}.close-icon{display:flex;font-size:24px;justify-content:flex-end}.mobile-options{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:24px;width:100%}.mobile-option{display:flex;font-size:24px;margin:12px 0}.mobile-option a{color:#000;display:flex;text-decoration:none}.about{padding-bottom:48px}.about-top{align-items:center;display:flex;gap:40px;justify-content:space-between}.picture{height:420px}#tsparticles{position:absolute}.about-info{display:flex;flex-direction:column;font-size:24px;gap:12px}.intro-line{color:#000;font-size:22px;margin:0}.info-name{color:#7cfc00;font-size:42px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 15px rgba(124,252,0,.3)}.info-bio{color:#000;font-size:20px;line-height:1.5;margin:0}.divider{color:#7cfc00;font-weight:700;margin:0 10px}.animate-step-1,.animate-step-2,.animate-step-3{-webkit-animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-step-1{-webkit-animation-delay:.1s;animation-delay:.1s}.animate-step-2{-webkit-animation-delay:.3s;animation-delay:.3s}.animate-step-3{-webkit-animation-delay:.5s;animation-delay:.5s}@media only screen and (max-width:720px){.about-top{align-items:center;flex-direction:column;gap:30px;justify-content:center;text-align:center}.picture{height:280px}.about-info{align-items:center;font-size:20px}.intro-line{font-size:18px}.info-name{font-size:32px}.info-bio{font-size:16px}}.youtube-section{font-family:Courier New,Courier,monospace;margin:80px auto;max-width:1100px;padding:0 20px}.youtube-status{color:#000;padding:40px;text-align:center}.videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{-webkit-animation:slideUpFade .6s ease forwards;animation:slideUpFade .6s ease forwards;background:hsla(0,0%,7%,.85);border:1px solid #222;border-radius:8px;color:inherit;display:flex;flex-direction:column;justify-content:space-between;opacity:0;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.video-card:hover{background:hsla(0,0%,9%,.95);border-color:#7cfc00;box-shadow:0 10px 25px rgba(124,252,0,.15);-webkit-transform:translateY(-7px);transform:translateY(-7px)}.thumbnail-container{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video-thumbnail{height:100%;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.video-card:hover .video-thumbnail{-webkit-transform:scale(1.05);transform:scale(1.05)}.play-overlay{background:rgba(0,0,0,.4);height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:100%}.play-icon,.play-overlay{align-items:center;display:flex;justify-content:center}.play-icon{background:rgba(124,252,0,.9);border-radius:50%;box-shadow:0 0 15px rgba(124,252,0,.6);color:#000;font-size:1.2rem;height:50px;padding-left:4px;transition:background .3s ease,-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease,-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);width:50px}.video-card:hover .play-icon{background:#7cfc00;box-shadow:0 0 25px rgba(124,252,0,.9);-webkit-transform:scale(1.15);transform:scale(1.15)}.video-info{flex-grow:1;padding:20px}.video-title{color:#fff;font-size:1.15rem;line-height:1.4;margin:0 0 8px;transition:color .2s ease}.video-card:hover .video-title{color:#7cfc00}.video-author{color:#8b949e;font-size:.9rem;margin:0}.video-footer{background:#0d1117;border-top:1px solid #1f242c;color:#8b949e;font-size:.85rem;justify-content:space-between;padding:15px 20px}.video-footer,.video-platform{align-items:center;display:flex}.video-platform{gap:8px}.youtube-dot{background-color:red;border-radius:50%;box-shadow:0 0 6px rgba(255,0,0,.8);height:10px;width:10px}.watch-link{color:#ccc;transition:color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease;transition:color .2s ease,transform .2s ease,-webkit-transform .2s ease}.video-card:hover .watch-link{color:#7cfc00;-webkit-transform:translateX(3px);transform:translateX(3px)}@media (max-width:768px){.videos-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}}.work-section{font-family:Courier New,Courier,monospace;margin:80px auto;max-width:1100px;padding:0 20px}.section-header{margin-bottom:50px;text-align:center}.section-title{color:#000;font-size:2.2rem;font-weight:700;margin-bottom:10px}.highlight-green{color:#7cfc00}.title-underline{background-color:#7cfc00;box-shadow:0 0 10px rgba(124,252,0,.5);height:3px;margin:0 auto 15px;width:60px}.section-subtitle{color:#000;font-size:1rem}.work-status{color:#8b949e;padding:40px;text-align:center}.loading-pulse{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #222;border-radius:50%;border-top-color:#7cfc00;height:40px;margin:0 auto 15px;width:40px}.error-text{color:#f55}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.projects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{-webkit-animation:slideUpFade .6s ease forwards;animation:slideUpFade .6s ease forwards;background:hsla(0,0%,7%,.7);border:1px solid #222;border-radius:8px;color:inherit;display:flex;flex-direction:column;justify-content:space-between;opacity:0;padding:25px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-card:hover{background:hsla(0,0%,9%,.9);border-color:#7cfc00;box-shadow:0 10px 25px rgba(124,252,0,.1);-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project-icons{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between;margin-bottom:15px}.external-link-icon{color:#666;font-size:1.1rem;transition:color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease;transition:color .2s ease,transform .2s ease,-webkit-transform .2s ease}.project-card:hover .external-link-icon{color:#7cfc00;-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}.project-title{color:#fff;font-size:1.3rem;margin:0 0 12px;transition:color .2s ease}.project-card:hover .project-title{color:#7cfc00}.project-description{color:#8b949e;font-size:.95rem;line-height:1.6;margin:0 0 25px}.card-bottom{border-top:1px solid #1f242c;color:#8b949e;font-size:.85rem;justify-content:space-between;padding-top:15px}.card-bottom,.project-tech{align-items:center;display:flex}.project-tech{gap:8px}.tech-dot{background-color:#7cfc00;border-radius:50%;box-shadow:0 0 6px rgba(124,252,0,.8);height:10px;width:10px}.project-metrics{display:flex;gap:15px}@-webkit-keyframes slideUpFade{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}}.body{padding:12px 12px 36px}.footer{display:flex;justify-content:center;padding:12px}.terminal-window{background-color:#1e1e24;border:1px solid #333;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.4);color:#d1d5db;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;min-height:420px;overflow:hidden;width:100%}.terminal-header{align-items:center;background-color:#2d2d34;display:flex;padding:12px 15px;position:relative}.dot{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-title{color:#9ca3af;font-size:.85rem;left:0;pointer-events:none;position:absolute;right:0;text-align:center}.terminal-body{flex-grow:1;font-size:1.05rem;line-height:1.5;max-height:450px;overflow-y:auto;padding:20px}.system-text{color:#9ca3af;margin-bottom:10px}.command-line{align-items:center;display:flex;margin:6px 0}.prompt{color:#76ff03;font-weight:700;margin-right:10px;white-space:nowrap}.cmd-text{color:#fff}.about-me-output{color:#e5e7eb;margin:10px 0 15px}.about-me-output p{margin:4px 0}.highlight-name{color:#76ff03;font-size:1.4rem;font-weight:700}.terminal-input{background:transparent;border:none;color:#fff;flex-grow:1;font-family:inherit;font-size:inherit;outline:none}.loading-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;color:#76ff03;font-weight:700;margin-top:5px}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.social-contact{align-items:center;display:flex;justify-content:center}.social-icon-div{cursor:pointer;margin:6px;padding:6px}.social-icon{height:40px}@media only screen and (max-width:720px){.social-icon{height:32px}}
/*# sourceMappingURL=main.6460303e.css.map*/