@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{font-family:JetBrains Mono,serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1c1c22;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#0f9;text-decoration:underline}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}h1{font-size:4em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topbar-links{display:flex;margin-right:40px}.home{margin-right:15%;margin-left:15%}.pagechange{border-radius:9999px}.pagechange:hover{background-color:#0f9;color:#1a1a1a}.mylogo{border-radius:50%;width:90px;height:90px}.name{color:#0f9}.hello{display:flex;flex-wrap:wrap}.item{flex:1 1 100%;margin-bottom:1px}.social{margin-left:30px;display:flex;gap:1em;font-size:24px}.icons{color:#0f9}.myself{display:flex;flex-wrap:wrap;gap:13em}.chapter{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em}.profile{display:flex;margin-top:-510px;justify-content:center;align-items:center;position:relative;width:300px;margin-left:670px;height:300px}.profile img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%}.circlee{position:absolute;top:50%;left:50%;width:360px;height:360px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;display:block}.circleee{transition:all .2s ease;stroke-width:4px;stroke:#0f9;fill:transparent}.slidingTextWrapper{position:relative;width:100%;overflow:hidden;height:50px;background:linear-gradient(90deg,#101010,#1a1a1a);display:flex;align-items:center;margin-top:-100px;border-radius:8px;box-shadow:0 4px 10px #0000004d}.slidingTextContainer{display:flex;white-space:nowrap;will-change:transform;font-size:22px;font-weight:600;color:#0f9;animation:slideText 40s linear infinite}.slidingTextContainer span{margin-right:60px}@keyframes slideText{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.typewriter{display:flex}.typewriter .item{overflow:hidden;white-space:nowrap;animation:blink .7s step-end infinite;border-right:2px solid}@keyframes blink{50%{border-color:transparent}}.abouthead{margin-top:-530px;margin-left:150px;width:580px}.hover-text{perspective:1000px}.topabo:hover{color:#0f9}.paraabo{box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.paraabo:hover{transform:translateZ(90px);box-shadow:0 8px 12px #0003}.paraabo1{box-shadow:0 4px 6px #0000001a;padding-top:20px;transition:transform .3s ease,box-shadow .3s ease}.paraabo1:hover{transform:translateZ(90px);box-shadow:0 8px 12px #0003}.paraabo2{box-shadow:0 4px 6px #0000001a;padding-top:20px;transition:transform .3s ease,box-shadow .3s ease}.paraabo2:hover{transform:translateZ(90px);box-shadow:0 8px 12px #0003}.techstack{margin-top:90px}.techtopic{width:50%}.techcards{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:-600px;margin-left:700px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.techcards1{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:-234px;margin-left:950px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.techcards2{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:-234px;margin-left:1200px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.techcards3{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:64px;margin-left:700px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.techcards4{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:-234px;margin-left:950px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.techcards5{width:180px;height:230px;border-radius:20px;background:linear-gradient(to bottom,#0f9,#d000ff);padding:2px;display:flex;justify-content:center;align-items:center;margin-top:-234px;margin-left:1202px;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 10px #80008080,0 -4px 10px #00800080}.card{background-color:#1a1a2e;width:100%;height:100%;border-radius:18px}.skill{text-align:center}.skilpic{margin-left:55px;margin-top:45px}.stack{font-weight:600}.techhead{font-weight:100}.stack:hover{color:#0f9}.techcards5:hover,.techcards1:hover,.techcards2:hover,.techcards3:hover,.techcards4:hover,.techcards:hover{transform:translateZ(120px) scale(1.05);transition:transform .3s ease,box-shadow .3s ease}.projhead{text-align:center;padding-top:80px}.proj1head,.proj2head,.proj3head{font-size:40px}.proj1info{width:50%;color:#f9f9f9}.proj1txt{padding:50px 50px 30px}.proj3txt{padding:50px}#slider{position:relative;width:600px;height:330px;overflow:hidden;margin-left:800px;margin-top:-230px}#slider1{position:relative;width:600px;height:330px;overflow:hidden;margin-left:50px;margin-top:-200px}#slider2{position:relative;width:600px;height:330px;overflow:hidden;margin-left:800px;margin-top:-290px}input[type=radio]{display:none}.slides,.slides1,.slides2{display:flex;transition:transform .5s ease}.slide,.slide1,.slide2{min-width:100%;transition:opacity .5s ease}.slide img,.slide1 img,.slide2 img{width:100%;height:auto}input#s1:checked~.slides,input#s21:checked~.slides1,input#s31:checked~.slides2{transform:translate(0)}input#s2:checked~.slides,input#s22:checked~.slides1,input#s32:checked~.slides2{transform:translate(-100%)}input#s3:checked~.slides,input#s23:checked~.slides1,input#s33:checked~.slides2{transform:translate(-200%)}.navigation,.navigation1,.navigation2{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.nav-button,.nav-button1,.nav-button2{display:inline-block;width:10px;height:10px;background-color:#ccc;border-radius:50%;margin:0 5px;cursor:pointer}input#s1:checked~.navigation label:nth-child(1),input#s2:checked~.navigation label:nth-child(2),input#s3:checked~.navigation label:nth-child(3){background-color:#333}input#s21:checked~.navigation1 label:nth-child(1),input#s22:checked~.navigation1 label:nth-child(2),input#s23:checked~.navigation1 label:nth-child(3){background-color:#333}input#s31:checked~.navigation2 label:nth-child(1),input#s32:checked~.navigation2 label:nth-child(2),input#s33:checked~.navigation2 label:nth-child(3){background-color:#333}.proj2info{width:95%}.proj3info{width:50%}.proj2txt{margin-left:800px}.project:hover{color:#0f9}.proj1txt:hover,.proj2txt:hover,.proj3txt:hover{transform:translateZ(90px) scale(1.05);transition:transform .3s ease,box-shadow .3s ease}.sourcecode{color:#0f9}.connectbox{background-color:#27272c;width:700px;height:640px;margin-left:100px;margin-top:60px}.letscon{color:#0f9}.firnam{background-color:#1c1c22;border:2px #1d1d21 solid;border-radius:6px;width:300px;height:40px}.firnam::placeholder{color:#ccc;padding-left:15px}.lasnam{background-color:#1c1c22;border:2px #1d1d21 solid;border-radius:6px;width:300px;height:40px}.lasnam::placeholder{color:#ccc;padding-left:15px}.email{background-color:#1c1c22;border:2px #1d1d21 solid;border-radius:6px;width:300px;height:40px}.email::placeholder{color:#ccc;padding-left:15px}.phone{background-color:#1c1c22;border:2px #1d1d21 solid;border-radius:6px;width:300px;height:40px}.phone::placeholder{color:#ccc;padding-left:15px}.yourmsg{background-color:#1c1c22;border:2px #1d1d21 solid;width:634px;margin-top:20px;margin-left:30px;border-radius:6px;height:210px}.yourmsg::placeholder{color:#ccc;padding-left:15px}.yourname{display:flex;justify-content:center;gap:30px}.yourinfo{margin-top:20px;display:flex;justify-content:center;gap:30px}.conthea{padding-left:30px;padding-top:10px}.contact{display:flex}.submi{color:#000;background-color:#0f9}.sub{margin-left:30px;margin-top:15px}.phonicon{transform:rotate(90deg)}.mycontact{margin-top:300px;margin-left:100px}.myphone{margin-bottom:40px;border:#27272c 1px solid;width:40px;height:40px;background-color:#27272c;border-radius:6px}.mymail,.myloc{margin-bottom:40px;border:#27272c 1px solid;border-radius:6px;background-color:#27272c;width:40px;height:40px}.phonicon,.mailicon,.locicon{padding:12px;color:#0f9}.pp{display:flex}.ppp{margin-top:-19px;color:#ccc;margin-left:20px}.callme{color:#fff}.mm{display:flex}.mmm{margin-top:-19px;color:#ccc;margin-left:20px}.mailme{color:#fff}.ll{display:flex}.lll{margin-top:-19px;color:#ccc;margin-left:20px}.linkme{color:#fff}