@import url(https://fonts.googleapis.com/css2?family=DotGothic16&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}.navbar{background:linear-gradient(90deg,#000,#313033#313033);color:#fff;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-right,.navbar{align-items:center;display:flex}.nav-right{gap:20px}.nav-icon{animation:floatIcon 3s ease-in-out infinite;animation:flicker 2s infinite;color:#afabab;transition:transform .3s ease}.nav-icon:hover{color:#fff;transform:scale(1.2)}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.sidebar{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center;position:relative;width:80px}.sidebar-icon{animation:flicker 2s infinite;color:#ffd6ff;font-size:24px;position:relative;text-decoration:none;transition:transform .3s ease}.sidebar-icon:hover{color:#fff;cursor:pointer;transform:scale(1.2)}.sidebar-icon:after{background-color:#040404;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;content:attr(data-label);font-family:DotGothic16,sans-serif;font-size:13px;left:100%;letter-spacing:px;margin-left:10px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:999}.sidebar-icon:hover:after{animation:tooltipFadeSlideIn .3s ease forwards;opacity:1;transform:translateY(-50%) translateX(0)}@keyframes tooltipFadeSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.home{align-items:center;background-size:600% 600%;display:flex;flex:1 1;gap:40px;height:50vh;justify-content:space-between;padding:40px}body{animation:gradientMove 10s ease infinite;background:linear-gradient(45deg,#000,#252228);flex:1 1}.home-text h1{animation:slideInRight 1s ease-in forwards;font-size:3rem;letter-spacing:3px}.home-text h1,.home-text p{color:#fff;font-family:DotGothic16,sans-serif}.home-text p{animation:slideInLeft 1.2s ease-in forwards;animation:flicker 2s ease-in-out infinite;font-size:1.2rem;letter-spacing:2px;line-height:1.6;margin-top:20px}.jump-letter{animation:jumpIn .6s ease-in-out forwards;animation:flicker 2s ease-in-out infinite;display:inline-block;opacity:0;transform:translateY(10px)}.home-img{padding:150px}.home-img,.img-container{align-items:center;display:flex;justify-content:center;position:relative}.img-container{background:#0000000d;border-radius:50%;box-shadow:20PX 20px 30px #00000080;height:360px;overflow:visible;width:360px}.img-container img{animation:rotate3D 8s linear infinite;border-radius:50%;box-shadow:0 0 20px #88878733;height:85%;object-fit:cover;width:85%;z-index:1}.glow-segment{animation:glitchFlicker 1.8s infinite;background:#fff;border-radius:50px;box-shadow:0 0 8px #fff,0 0 16px #b388ff;height:8px;left:50%;position:absolute;top:50%;transform-origin:center center;width:100px}.arc1{transform:rotate(0deg) translateY(-200px) translateX(-50px)}.arc1,.arc2{animation:glitchFlicker .5s infinite}.arc2{transform:rotate(120deg) translateY(-160px) translateX(-10px)}.arc3{animation:glitchFlicker .5s infinite;transform:rotate(240deg) translateY(-250px) translateX(50px)}.widget-row{flex-wrap:wrap;gap:30px;margin-top:40px}.widget-box,.widget-row{display:flex;justify-content:center}.widget-box{align-items:center;background-color:#0e0e0e;border:2px solid #d3d3d3;border-radius:16px;box-shadow:0 0 10px #000;color:#e6e6e6;flex-direction:column;font-family:DotGothic16,monospace;height:140px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:140px}.widget-box:hover{box-shadow:0 0 20px #000,0 0 40px #838383;transform:scale(1.05)}.widget-icon{align-items:center;animation:dotGlow 2.5s ease-in-out infinite;background-color:#000;border:2px dotted #000;border-radius:50%;box-shadow:0 0 10px #000,0 0 20px #616161;color:#e2e2e2;display:flex;font-size:42px;justify-content:center;padding:20px}.widget-label{color:#f3f3f3;font-family:DotGothic16,monospace;font-size:14px;letter-spacing:1px;margin-top:10px}@keyframes jumpIn{0%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes rotate3D{0%{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(20deg) rotateX(5deg)}50%{transform:rotateY(0deg) rotateX(0deg)}75%{transform:rotateY(-20deg) rotateX(-5deg)}to{transform:rotateY(0deg) rotateX(0deg)}}@keyframes flickerLight{0%,18%,22%,25%,50%,54%,to{opacity:1}20%,52%{opacity:.4}}@keyframes pulseLight{0%,to{box-shadow:0 0 6px #fff,0 0 12px #b388ff;opacity:1}50%{box-shadow:0 0 2px #fff,0 0 6px #b388ff;opacity:.7}}@keyframes glitchFlicker{0%,to{opacity:1}10%{opacity:.3}20%{opacity:.8}35%{opacity:.4}50%{opacity:1}65%{opacity:.2}80%{opacity:.9}90%{opacity:.5}}@keyframes matrixFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.5}}@keyframes dotGlow{0%,to{box-shadow:0 0 6px #515151,0 0 12px #202020;transform:scale(1)}50%{box-shadow:0 0 12px #242424,0 0 24px #5c5c5c;transform:scale(1.05)}}@media (max-width:1024px){.home{align-items:center;flex-direction:column;padding:30px 20px}.home-text{margin-bottom:30px;text-align:center}.home-text h1{font-size:4.5vmin}.home-text p{font-size:2.3vmin;padding:0 10px}.home-img{width:70%}.img-container{margin:0 auto;max-width:350px;width:100%}.widget-row{flex-direction:row;gap:20px;justify-content:center}.widget-box{width:28%}}@media (max-width:768px){.home{flex-direction:column;padding:20px}.home-text h1{font-size:4.2vmin;line-height:1.3}.home-text p{font-size:2.2vmin}.home-img{width:90%}.img-container{max-width:300px}.widget-row{align-items:center;flex-direction:column;gap:15px;margin-top:40px}.widget-box{width:80%}}@media (max-width:480px){.home-text h1{font-size:5vmin}.home-text p{font-size:2.5vmin}.img-container{max-width:250px}.widget-box{padding:18px;width:90%}.sidebar-icon{font-size:20px}}.projects h2{color:#fff;font-family:DotGothic16,sans-serif;letter-spacing:1px;margin-bottom:20px;text-align:center}.project-filters{flex-wrap:wrap;gap:40px;justify-content:flex-start;margin:20px 0 40px}.filter-box,.project-filters{align-items:center;display:flex}.filter-box{animation:flickerText 2s infinite;background-color:#111;border:2px solid #fff;border-radius:10px;box-shadow:0 0 12px #79797988;color:#fff;cursor:pointer;font-family:DotGothic16,monospace;font-size:3vmin;gap:10px;padding:22px 30px;transition:transform .3s ease,box-shadow .3s ease}.filter-box:hover{box-shadow:0 0 20px #707070;transform:scale(1.05)}.filter-icon{font-size:18px}.filter-box1{align-items:center;animation:flickerText 2s infinite;background-color:#111;border:2px solid #fff;border-radius:10px;box-shadow:0 0 12px #79797988;color:#fff;cursor:pointer;display:flex;font-family:DotGothic16,monospace;font-size:3vmin;gap:10px;padding:22px 30px;transition:transform .3s ease,box-shadow .3s ease}.filter-box1:hover{box-shadow:0 0 20px #707070;transform:scale(1.05)}.filter-box1.active .filter-icon{color:red;text-shadow:0 0 10px red,0 0 20px red}.project-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:30px}.project-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.project-title{animation:flickerText 3s infinite;color:#fafafa;font-family:DotGothic16,monospace;font-size:18px;margin-bottom:10px;text-align:center}.project-card{background:#000;border:1px solid #333;border-radius:10px;box-shadow:0 0 15px #fff3;font-family:DotGothic16,sans-serif;height:250px;letter-spacing:1px;padding:10px;transition:transform .3s;width:300px}.project-card:hover{transform:scale(1.05)}.project-card img{border-radius:8px;width:100%}.links{margin-top:10px}.links a{border-bottom:1px dashed #fff;color:#fff;font-size:15px;font-weight:700;margin-right:10px;text-decoration:none}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (max-width:1024px){.project-grid{gap:30px}.project-card{width:45%}.filter-box{font-size:4vmin;padding:18px 25px}}@media (max-width:768px){.project-grid{align-items:center;flex-direction:column}.project-card{width:80%}.project-filters{align-items:flex-start;flex-direction:column;gap:20px}.filter-box{justify-content:flex-start;width:100%}}.skills-page{color:#fff;font-family:DotGothic16,monospace;padding:60px 30px;text-align:left}.skills-title{animation:flicker 3s infinite;font-size:6vmin;margin-bottom:40px}.skills-section{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between}.skill-category{flex:1 1 45%;margin-bottom:60px}.category-heading{animation:flicker 4s infinite;font-size:4vmin;margin-bottom:20px;margin-left:30px}.skills-grid{display:flex;flex-wrap:wrap;gap:70px}.skills-grid.web{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin-right:100px}.skills-grid.aiml{display:flex;flex-wrap:wrap;gap:30px}.skill-item{align-items:center;animation:flicker 4s infinite;color:#fff;display:flex;flex-direction:column;font-size:60px;transition:transform .3s}.skill-item span{font-size:1.5vmin;margin-top:10px;text-align:center}.skill-item:hover{transform:scale(1.1)}@media (max-width:768px){.skills-section{align-items:center;flex-direction:column}.skill-category{width:100%}.skills-grid{justify-content:center}.skill-item{font-size:40px}.skill-item span{font-size:2.2vmin}}.about-page{color:#fff;font-family:DotGothic16,monospace;padding:40px}.about-header{animation:flicker 3s infinite;font-size:5vmin;margin-bottom:30px;text-align:left}.about-main-box{align-items:center;border:2px solid #fff;border-radius:10px;display:flex;justify-content:space-between;margin:0 auto 50px;max-width:750px;padding:30px}.about-left{animation:flicker 4s infinite;font-size:2vmin}.about-right img{animation:flicker 3.5s infinite;border:1px solid #fff;height:160px;object-fit:cover;width:120px}.about-info-section{display:flex;flex-wrap:nowrap;gap:30px;justify-content:space-between;margin:0 auto 40px;max-width:800px;width:100%}.info-box{animation:flicker 4s infinite;border:2px solid #fff;border-radius:10px;flex:1 1 45%;padding:20px;text-align:center}.info-icon{font-size:2rem;margin-bottom:10px}.info-box h3{font-size:2vmin;margin-bottom:10px}.info-box p{font-size:1.5vmin;line-height:1.6}@media (max-width:768px){.about-info-section,.about-main-box{align-items:center;flex-direction:column}.about-right img{height:100px;width:100px}.info-box{width:100%}}.contact-page{color:#fff;min-height:100vh;padding:40px}.contact-header,.contact-page{animation:flickerText 3s infinite}.contact-header{font-family:DotGothic16,monospace;font-size:5vmin;margin-bottom:50px;text-align:left}.contact-form{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:600px}.input-box{background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;font-family:DotGothic16,monospace;font-size:1.2rem;outline:none;padding:15px;width:100%}.input-row{display:flex;flex-direction:row;gap:20px;width:100%}.message-box{border:2px solid #fff;border-radius:5px;font-size:1.2rem;height:150px;outline:none;padding:15px;resize:none;width:100%}.message-box,.send-button{background-color:initial;color:#fff;font-family:DotGothic16,monospace}.send-button{border:2px solid #fff;border-radius:8px;cursor:pointer;font-size:1.5rem;padding:12px 25px;transition:background .3s ease,color .3s ease}.send-button:hover{background-color:#b5b5b5;color:#000}.send-button span{animation:flickerText 3s infinite;display:inline-block}@keyframes flickerText{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:0}}@media (max-width:768px){.input-row{flex-direction:column}}@media (max-width:600px){.input-box,.message-box{width:90%}.send-button{font-size:1.2rem}}@media (max-width:768px){.input-row{flex-direction:column;gap:20px}.input-box,.message-box{width:100%}.send-button{font-size:1.2rem}}.certificate-page{color:#fff;font-family:DotGothic16,monospace;min-height:100vh;padding:40px}.certificate-page h1{animation:flicker 3s infinite;font-size:5vmin;margin-bottom:30px;text-align:left}.certificate-table{border-collapse:collapse;margin-top:20px;width:100%}.certificate-table td,.certificate-table th{animation:flicker 4s infinite;border:1px solid #fff;font-size:2vmin;padding:12px 20px;text-align:center}.certificate-table th{background-color:#111}.certificate-table tr:nth-child(2n){background-color:#1a1a1a}.certificate-table tr:hover{background-color:#222}.view-btn{animation:flicker 5s infinite;background-color:initial;border:1px solid #fff;color:#fff;cursor:pointer;padding:6px 14px;transition:all .3s ease}.view-btn:hover{background-color:#fff;color:#000}.modal-overlay{align-items:center;background:#0a0a0acc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:popupFade .5s ease;background:#000;border:2px solid #fff;max-height:90%;max-width:90%;overflow:auto;padding:20px;text-align:center}.modal-content img{border:1px solid #fff;box-shadow:0 0 15px #fff;max-height:80vh;max-width:100%}.close-btn{background-color:#fff;border:none;color:#000;cursor:pointer;font-weight:700;margin-top:15px;padding:6px 16px}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.3}}@keyframes popupFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.certificate-table td,.certificate-table th{font-size:2.5vmin;padding:10px}.modal-content img{max-height:60vh}}body,html{font-family:sans-serif;margin:0}.app{flex-direction:column}.app,.main-container{display:flex}.page-content{animation:fadeIn .5s ease-in-out;flex:1 1;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:rotateY(10deg)}to{opacity:1;transform:rotateY(0)}}.transition-wrapper{perspective:1200px;position:relative}.flip-enter{opacity:0;transform:rotateY(90deg);transform-origin:left center}.flip-enter-active{transition:transform .7s ease-in-out,opacity .7s ease-in-out}.flip-enter-active,.flip-exit{opacity:1;transform:rotateY(0deg)}.flip-exit{transform-origin:right center}.flip-exit-active{opacity:0;transform:rotateY(-90deg);transition:transform .7s ease-in-out,opacity .7s ease-in-out}.page-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}
/*# sourceMappingURL=main.25096219.css.map*/