*{margin:0;padding:0}body{color:#fff;font-family:Roboto}.navbar,body{background-color:#1f232d}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1}.container{align-items:center;display:flex;font-size:clamp(15px,22px,2.4vw);justify-content:space-between;margin:0 40px}a{color:#fff;font-family:Roboto,cursive;text-decoration:none;transition:.3s}li a{animation:slidetop 1s ease forwards;animation-delay:calc(.2s*var(--i));display:inline-block;opacity:0}.nav-links{display:flex}.nav-link:hover{color:#0ef;text-decoration:overline;-webkit-text-decoration-color:crimson;text-decoration-color:crimson}.nav-item{list-style:none;margin:15px}.title-text{animation:slideside 1s ease forwards;color:#fff;font-family:Roboto,cursive;font-size:clamp(25px,33px,3vw);font-weight:400;margin:15px}.hamburger{display:none;font-size:28px}.container-txt{align-items:center;display:flex;height:90vh;justify-content:space-around}.txt{font-size:clamp(1.7em,3vw,2em)}.text-left{font-size:clamp(9px,2vw,11.4px);width:50%}img{animation:zoomin 1s ease forwards;animation-delay:1s;border-radius:50%;box-shadow:0 0 40px #2a668f;height:clamp(10em,28vw,30em);margin:20px;object-fit:cover;opacity:0}h1{font-size:2.1em;margin:10px 0}.bottom-animate{animation:slideBottom 1s ease forwards;animation-delay:.5s;opacity:0}.side-animate{animation:slideside 1s ease forwards;animation-delay:.8s;opacity:0}.side2-animate{animation:slideside1 1s ease forwards;animation-delay:.8s;opacity:0}p{font-size:clamp(14px,1.7vw,19px);margin:25px 0}span{color:#06dee9}.contact-links{font-size:1.4em;gap:15px;margin:20px 0}.contact-links,.links{align-items:center;display:flex}.links{animation:slideside1 1s ease forwards;animation-delay:calc(.2s*var(--i));border:2px solid #2b9dad;border-radius:50%;font-size:25px;height:40px;justify-content:center;opacity:0;width:40px}.links:hover{background:#000;box-shadow:0 0 15px #0ef;color:#1f242d}i{color:#06dee9}button{background:#06dee9;border:none;border-radius:40px;box-shadow:0 0 20px #06dee9;cursor:pointer;font-size:16px;height:3em;margin:10px 0;outline:none;width:10em}.animate-btn{animation:slidetop 1s ease forwards;animation-delay:1.2s;display:inline-block;opacity:0}.about-body{align-items:center;display:flex;flex-direction:column;justify-content:center}.About-container{background:#ffffff0d;border-radius:20px;box-shadow:0 0 29px #000;display:flex;margin:10px 10px 30px;padding:0 6vw;width:82%}.about-para{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.about-img{height:clamp(6em,22vw,14em);width:clamp(6em,22vw,14em)}.Aboutbtn{animation:slidetop 1s ease forwards;animation-delay:.8s;display:inline-block;opacity:0}.AboutAnimate,.skillpara2{animation:slideside 1s ease forwards;animation-delay:.5s;opacity:0}.CardContent{align-items:center;display:flex;flex-direction:column;gap:10px;height:88vh;justify-content:center;text-align:center}.card{padding:10px 23px}.card,.card1{animation:slideside1 1s ease forwards;animation-delay:.4s;background:#ffffff2b;border-radius:30px;box-shadow:0 0 20px #90c79a;opacity:0}.card1{height:29em;margin:0 30px 30px;padding-bottom:40px;width:19em}.cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin-top:3rem;width:80%}.cardh1{animation:slideside 1s ease forwards;animation-delay:.4s;opacity:0}.skillbody{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:space-around}.skill-container{display:flex;flex-wrap:wrap;gap:3em;justify-content:space-between;width:88vw}.Tskills{display:flex;flex-direction:column;min-width:-webkit-fill-available;width:60%}.outerbar{background:#ffffff3b;border-radius:20px;display:flex;margin:5px 0;width:90%}.innerbar{animation:skillbar 1.5s ease forwards;background:#3434ba;border-radius:20px;box-shadow:0 0 10px #000;height:13px}.skillpara{margin:25px 0 0}.skillpara1{margin:0 6px}.pnbar{display:flex}.progress-container{animation:zoomin 1s ease forwards;animation-delay:.3s;height:100px;opacity:0;position:relative;width:100px}.progress-circle{transform:rotate(-90deg)}.background-circle,.progress-bar{fill:none;stroke-width:10;cx:50;cy:50;r:40}.background-circle{stroke:#ddd}.progress-bar{stroke:#4caf50;stroke-dasharray:251.2;stroke-dashoffset:calc(251.2 - var(--k)*.01*251.2);stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.progress-text{font-size:18px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Pskills{text-align:center;width:-webkit-fill-available}.pskills{align-items:center;display:flex;flex-direction:column;gap:10px;margin:3em 0}.stype{display:flex;gap:4%;width:100%}.SkillCard{background:color(srgb 1 1 1/.1);border-radius:25px;box-shadow:0 0 20px #000;margin:20px;padding:25px 2vw}h1{animation:slideBottom 1s ease forwards;opacity:0}@media (max-width:640px){.nav-links{align-items:center;background:#161b27d4;-webkit-clip-path:circle(0 at 100% 0);clip-path:circle(0 at 100% 0);flex-direction:column;left:0;position:fixed;top:61px;transition:all .3s ease;width:100%}.About-container{flex-direction:column-reverse}.clg-img{display:flex;justify-content:center}.active{-webkit-clip-path:circle(144% at 100% 0);clip-path:circle(144% at 100% 0)}.container-txt{flex-direction:column-reverse}.txt{font-size:1.5em}.hamburger{cursor:pointer;display:block}.text-left{width:80%}.innernav{position:fixed}}@keyframes slideBottom{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideside{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideside1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slidetop{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomin{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes skillbar{0%{width:0}to{width:var(--j)}}
/*# sourceMappingURL=main.ef7eae72.css.map*/