html{scroll-behavior:smooth}@font-face{font-family:MyFont;src:url(/static/media/Ubuntu-Regular.1cbb1b79a23478cc89ad.ttf)}:root{--bg-color:#111718;--surface-color:#1a1a1a;--text-color:#e0e0e0;--secondary-text-color:#353935;--muted-text-color:#aaa;--accent-color:#0ff;--accent-glow:0 0 10px #0ff;--secondary-color:#1abc9c;--cta-color:#f9a825;--cta-glow:0 0 10px #f9a825;--danger-color:#ff1744;--border-color:#2a2a2a;--card-shadow:0 4px 12px #0ff3}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:MyFont;font-size:18px;-webkit-user-select:none;user-select:none}body{color:#aaa;color:var(--muted-text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.navbar,body{background-color:#111718;background-color:var(--bg-color)}.navbar{align-items:center;box-shadow:0 2px 5px #0000002b;display:flex;height:60px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1200}.branding{color:#e0e0e0;color:var(--text-color);font-size:1.5rem;font-weight:700;-webkit-user-select:none;user-select:none}.branding span{color:#0ff;color:var(--accent-color);font-size:1.5rem}.desktop-nav{display:none}.desktop-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.desktop-nav ul li a{color:#fff;font-size:1.1rem;font-weight:400;position:relative;text-decoration:none;transition:color .3s ease}.desktop-nav ul li a:after{background-color:#0ff;background-color:var(--accent-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:0}.desktop-nav ul li a:hover{color:#0ff;color:var(--accent-color)}.desktop-nav ul li a:hover:after{width:100%}.hamburger-btn{background:#0000;border:none;cursor:pointer;display:flex;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:35px;z-index:1300}.hamburger-btn div{background-color:#fff;border-radius:3px;height:4px;transition:all .4s ease}.hamburger-btn div:hover{background-color:#0ff;background-color:var(--accent-color)}.hamburger-btn div:first-child{width:100%}.hamburger-btn div:nth-child(2){width:75%}.hamburger-btn div:nth-child(3){width:50%}.bar1.change{color:#0ff;color:var(--accent-color);transform:translateY(5px) rotate(45deg);width:100%!important}.bar2.change{opacity:0}.bar3.change{color:#0ff;color:var(--accent-color);transform:translateY(-12px) rotate(-45deg);width:100%!important}.side-menu{background:#111718;background:var(--bg-color);border-radius:8px 0 0 8px;box-shadow:-5px 0 15px #0006;color:#f0f8ff;font-weight:600;height:calc(100vh - 60px);letter-spacing:.04em;overflow-y:auto;padding:30px 20px;position:fixed;right:0;top:60px;transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:280px;z-index:1100}.side-menu.open{transform:translateX(0)}.side-menu ul{list-style:none;margin:0;padding:0}.side-menu ul li{margin:25px 0}.side-menu ul li a{border-radius:4px;color:#e0f0ff;display:block;font-size:18px;padding:6px 10px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.side-menu ul li a:hover{color:#0ff;color:var(--accent-color);text-shadow:#0af}.side-menu span{border-top:1px solid #2a2a2a;border-top:1px solid var(--border-color);bottom:30px;color:#0ff;color:var(--accent-color);font-size:18px;padding:10px 20px;position:fixed;text-align:center}section{margin-top:20px;width:100%}.heroContainer{flex-direction:row;gap:5%;height:75vh;margin-top:5%;width:100%}.heroContainer,.heroContainer .imgContainer{align-items:center;display:flex;justify-content:center}.heroContainer .imgContainer{border-radius:8px;height:450px;overflow:hidden;width:35%}.imgContainer img{background:#111718;border-radius:50%;display:block;height:auto;height:420px;object-fit:contain;position:relative;width:100%;z-index:1}.heroContainer .dataContainer{display:flex;flex-direction:column;height:auto;justify-content:center;width:40%}.dataContainer b .typewriter-name span{color:#0ff;color:var(--accent-color);font-size:3rem!important;font-weight:700}.dataContainer b{font-size:3rem;padding:20px 0}.dataContainer b strong{font-size:40px}.dataContainer span{font-size:16px}.dataContainer strong{color:#0ff;color:var(--accent-color);font-size:3rem}.dataContainer .btnContainer{display:flex;flex-direction:row;gap:10px;margin:10px 0}.btnContainer a{color:#1a1a1a;color:var(--surface-color);text-decoration:none}.dataContainer .btnContainer button{background-color:initial;border:1px solid #0ff;border:1px solid var(--accent-color);border-radius:10px;color:#e0e0e0;color:var(--text-color);cursor:pointer;padding:10px 20px;transition:.8s ease-in-out}#explore-more,.dataContainer .btnContainer button:hover{background-color:#0ff;background-color:var(--accent-color);color:#1a1a1a;color:var(--surface-color)}.aboutmeContainer{font-size:16px;margin-left:5%;margin-right:5%;margin-top:20px;text-align:justify;width:90%}.aboutmeContainer p{font-size:18px}.aboutmeContainer h1{padding-top:5px}.aboutmeContainer h1,h1{font-size:30px;text-align:center}h1{padding-top:15px}.headingContainer{margin:auto;text-align:center}.ECContainer,.headingContainer{display:flex;justify-content:center;width:90%}.ECContainer{align-items:center;gap:30px;margin:20px 5%}.education-timeline-container{border-left:4px solid #0ff;margin:10px 30px;padding-left:30px;width:95%}.timeline-card{margin:10px auto}.timeline-card i.graduation-icon{background-color:#0e1a24;border-radius:50%;box-shadow:0 4px 15px #0ff3;color:#63e6be;font-size:20px;left:-48px;padding:6px;position:absolute;top:22px;z-index:100}.certification-timeline-container{border-left:4px solid #0ff;margin:40px auto;padding-left:30px;width:95%}.timeline-card{background-color:initial;border-radius:10px;box-shadow:0 4px 15px #0ff3;color:#e0f7fa;margin:30px 0;padding:20px 20px 20px 60px;position:relative;width:90%}.timeline-card i.certificate{background-color:#0e1a24;border-radius:50%;box-shadow:0 4px 15px #0ff3;color:#63e6be;font-size:20px;left:-48px;padding:6px;position:absolute;top:22px;z-index:100}.timeline-card h3{color:#0ff;font-size:1.2rem;margin:0}.timeline-card p{color:#cce7f3;font-size:.95rem;margin:5px 0}#cert-mob-heading,#edu-mob-heading{display:none}.category-buttons{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:15px;justify-content:left;margin:0 5% 20px;padding-bottom:15px;width:90%}.category-buttons button{-webkit-tap-highlight-color:transparent;-moz-appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #0000;color:#aaa;color:var(--muted-text-color);cursor:pointer;font-weight:700;outline:none;padding:8px 15px;transition:.3s ease-in-out}.category-buttons button.active,.category-buttons button:hover{border-bottom:2px solid #0ff;border-bottom:2px solid var(--accent-color);color:#0ff;color:var(--accent-color)}.category-buttons button.active{box-shadow:none;font-weight:600}.category-buttons button:active{background-color:initial;border-bottom:2px solid #0ff;border-bottom:2px solid var(--accent-color);box-shadow:none;color:#1a1a1a;color:var(--surface-color)}.projectsContainer{align-items:center;display:flex;flex-wrap:wrap;gap:5%;justify-content:center;margin:0 5%;width:90%}.projectsContainer .project-boxes{background-color:initial;border-radius:10px;box-shadow:0 4px 15px #0ff3;height:560px;margin:20px 0;width:30%}.project-boxes img{border:2px solid #353935;border:2px solid var(--secondary-text-color);border-top-left-radius:10px;border-top-right-radius:10px;height:180px;width:100%}.image-container{position:relative;width:100%}.project-label{align-items:center;background:#00000080;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;left:0;opacity:0;padding:8px 12px;position:absolute;text-align:left;transform:translateY(100%);transition:all .3s ease-in-out;width:100%}.project-boxes:hover .project-label{background:#000000b3;color:#0ff;color:var(--accent-color);opacity:1;transform:translateY(0)}.project-label i{animation:spin 2s linear infinite;color:#0ff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-boxes h2,h3,p{padding:0 15px}.project-boxes h2,h3{font-size:22px}.project-boxes h2{color:#0ff;color:var(--accent-color)}.project-boxes .techstackContainer{display:flex;justify-content:left;margin:5px 5%;text-align:left;width:90%}.techstackContainer i{color:#aaa;color:var(--muted-text-color);cursor:pointer;font-size:24px;padding-right:20px;transition:.6s ease-in-out}.project-boxes .actionContainers{border-top:1px solid #2a2a2a;border-top:1px solid var(--border-color);margin:20px 5%;width:90%}.actionContainers i{color:#aaa;color:var(--muted-text-color);cursor:pointer;font-size:23px;padding-right:20px;padding-top:13px;transition:.6s ease-in-out}.actionContainers i:hover{color:#0ff;color:var(--accent-color);filter:drop-shadow(1px 10px 15px #1ABC9C);filter:drop-shadow(1px 10px 15px var(--secondary-color))}.skillContainer{display:flex;flex-direction:column;margin:10px 5%;width:90%}.skillContainer .skillNavigators{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;height:50px;width:100%}.skillNavigators span{cursor:pointer;font-weight:700;padding:10px}.skillContainer .skills{display:flex;flex-wrap:wrap;gap:30px;width:100%}.skills .skillbox{background-color:initial;border:1px solid #2a2a2a;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;margin:10px 0;padding:10px;transition:.5s ease-in-out}.skillbox .icon{padding-right:5px}.skills .skillbox:hover{background-color:#1abc9c;background-color:var(--secondary-color);color:#1a1a1a;color:var(--surface-color)}.activeTab{border-radius:6px;color:#0ff;font-weight:600;padding:6px 12px;position:relative;transition:all .3s ease}.activeTab:after{background-color:#0ff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.achievements-title{color:#0ff;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.achievementsContainer{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:10px auto;width:90%}.achievements-box{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 15px #0ff3;color:#fff;padding:20px;position:relative;transition:transform .3s;width:300px}.achievements-box:hover{transform:translateY(-5px)}.achievements-box h3{color:#0ff;text-align:center}.achievements-box span{display:block;font-size:18px;margin-top:10px;text-align:center}.toggle-button{background:none;border:none;color:#0ff;cursor:pointer;display:block;font-size:1.2rem;margin:10px auto 0;transition:color .3s}.toggle-button:hover{color:#0af}.view-more{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease}.view-more p{font-size:18px;text-align:justify}.view-more.show{max-height:300px;opacity:1;padding-top:10px}.contact-section{background-color:#111718;background-color:var(--bg-color);color:#0ff;color:var(--accent-color);padding:60px 20px}.contact-container{border-radius:10px;box-shadow:0 4px 15px #0ff3;display:flex;flex-wrap:wrap;gap:80px;justify-content:space-between;margin:0 auto;max-width:1000px;padding:10px}.contact-form,.social-connect{flex:1 1;min-width:300px}.contact-form .error{color:#ff1744;color:var(--danger-color);font-size:.875rem;margin-top:4px;padding:0 5px}.contact-form h2,.social-connect h2{color:#0ff;color:var(--accent-color);font-size:22px;margin-bottom:10px}.contact-form form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;color:var(--light-text);font-size:1rem;padding:10px 15px;resize:none}.contact-form p{color:#aaa;color:var(--muted-text-color);padding:0}.contact-form button{background-color:#0ff;background-color:var(--accent-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:18px;font-weight:700;padding:10px 15px;transition:.3s ease}.contact-form button:hover{background-color:#0cc;color:#e0e0e0;color:var(--text-color)}.social-connect ul{display:flex;flex-direction:row;gap:20px;list-style:none;padding:0}.social-connect p{color:#aaa;color:var(--muted-text-color);padding:0}.social-connect li{margin:12px 0}.social-connect a{align-items:center;color:var(--light-text);display:flex;font-size:1.1rem;gap:10px;text-decoration:none;transition:color .3s}.social-connect a i{color:#aaa;color:var(--muted-text-color);font-size:25px;transition:.5s ease-in-out}.social-connect a i:hover{filter:drop-shadow(1px 10px 15px #1ABC9C);filter:drop-shadow(1px 10px 15px var(--secondary-color))}.social-connect a i:hover,.social-connect a:hover{color:#0ff;color:var(--accent-color)}footer{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--border-color);display:flex;height:110px;justify-content:center}.footerContainer{text-align:center}.footerContainer span{color:#0ff;color:var(--accent-color);font-weight:700}#phonePara i{padding-right:10px}@media (min-width:768px){.desktop-nav{display:block}.hamburger-btn{display:none}.side-menu{display:none!important}}@media (max-width:767px){*{font-size:16px}.branding,.branding span{font-size:1.8rem}.hamburger-btn{display:flex}.side-menu{display:block}.heroContainer{flex-direction:column;height:auto}.heroContainer .imgContainer{padding-top:50px;width:100%}.heroContainer .imgContainer img{margin:10px 5%;width:90%}.heroContainer .dataContainer{height:auto;justify-content:flex-start;text-align:center;width:100%}.aboutmeContainer p{font-size:16px}.dataContainer b,p{padding:5px 10px}.dataContainer span{padding:10px 15px}.btnContainer{justify-content:center}.ECContainer{flex-direction:column}#educationHeading{padding:0 10px}.timeline-card{align-items:flex-start;padding:10px;text-align:left;width:100%}.projectsContainer{flex-direction:column;gap:20px}.projectsContainer .project-boxes{height:auto;margin:10px auto;width:90%}.skillContainer .skillNavigators{gap:25px;height:auto;justify-content:left;padding:5px 10px}.contact-form,.social-connect{padding:5px 10px}.activeTab{padding:2px 10px}.activeTab:after{bottom:2px}.skillContainer .skills{gap:20px;height:auto}.category-buttons{gap:25px;justify-content:left;padding:0 10px}#cert-mob-heading,#edu-mob-heading{display:flex}#educationHeading{display:none}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d8e1fef3.css.map*/