@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200&display=swap";.LandingBody{background-color:#000;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;color:#fff}.logo-wrap{display:flex;align-items:center}.upper-name-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:40px;max-width:600px}.upper-name-section .Title{font-family:IBM Plex Mono,monospace;font-weight:500;display:flex;align-items:center;justify-content:center;font-size:x-large}.upper-name-section .Description{font-family:IBM Plex Mono,monospace;font-weight:300;display:flex;align-items:center;justify-content:center;font-size:normal;text-align:justify;border-width:2px;border-radius:5px;padding:20px}.Skill-Section{margin-top:20px;font-family:IBM Plex Mono,monospace;font-weight:500;max-width:600px}.Skills-Wrapper{background-color:#039;background-image:repeating-radial-gradient(circle,rgba(0,0,0,.4) 0 1px,transparent 1px 5px);background-size:8px 8px;padding:20px;max-width:600px}.profile-pic-wrapper{position:relative;width:100px;height:100px;margin:0 auto 20px}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;z-index:2;position:relative}.profile-pic-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgb(0,140,255),transparent 70%);z-index:1;animation:pulseAura 3s infinite ease-in-out}@keyframes pulseAura{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:.7}}.Skill-Section .Skill-Title{font-family:IBM Plex Mono,monospace;font-size:large;text-align:start}.Skill-Section .logo-wrap{display:flex}.prototype-section{max-width:600px}.prototype-section .prototype-scroll{display:flex;gap:30px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.prototype-section .prototype-scroll::-webkit-scrollbar{display:none}.prototype-section .prototype-scroll>div{flex:0 0 600px;width:600px}.prototype-section .logo-prototype{display:flex;align-items:center;margin-bottom:30px;margin-top:30px}.prototype-section-heading{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:large}.prototype-header{margin-top:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.prototype-controls{display:flex;justify-content:end;gap:12px}.prototype-controls button{background:#ffffff20;border:1px solid #ffffff30;padding:4px;border-radius:36px;font-size:small;cursor:pointer;color:#fff;transition:.2s ease;width:56px}.prototype-controls button:hover{background:#ffffff35}.prototype-controls .btn-label{font-size:10px;opacity:.8;font-family:IBM Plex Mono,monospace;margin-left:2px}.Resume{margin-top:10px;font-family:IBM Plex Mono,monospace;font-weight:500;max-width:600px}.Resume-section-heading{font-family:IBM Plex Mono,monospace;font-weight:500;font-size:large;margin-bottom:10px;margin-top:10px}.button-resume{margin-top:10px;display:flex;align-items:center;justify-content:center}.socialmedia-icons{display:flex;align-items:center;justify-content:center;margin-top:40px;margin-bottom:20px}.ui-btn{border-radius:30px;--btn-default-bg: rgb(41, 41, 41);--btn-padding: 15px 20px;--btn-hover-bg: rgb(51, 51, 51);--btn-transition: .3s;--btn-letter-spacing: .1rem;--btn-animation-duration: 1.2s;--btn-shadow-color: rgba(0, 0, 0, .137);--btn-shadow: 0 2px 10px 0 var(--btn-shadow-color);--hover-btn-color: #ff0000;--default-btn-color: #fff;--font-size: 16px;--font-weight: 600;--font-family: Menlo, Roboto Mono, monospace}.ui-btn{box-sizing:border-box;padding:var(--btn-padding);display:flex;align-items:center;justify-content:center;color:var(--default-btn-color);font:var(--font-weight) var(--font-size) var(--font-family);background:var(--btn-default-bg);border:none;cursor:pointer;transition:var(--btn-transition);overflow:hidden;box-shadow:var(--btn-shadow);max-width:200px}.ui-btn span a{text-decoration:none;color:#fff}.ui-btn span{letter-spacing:var(--btn-letter-spacing);transition:var(--btn-transition);box-sizing:border-box;position:relative;background:inherit}.ui-btn span:before{box-sizing:border-box;position:absolute;content:"";background:inherit}.ui-btn:hover,.ui-btn:focus{background:var(--btn-hover-bg)}.ui-btn:hover span,.ui-btn:focus span{color:var(--hover-btn-color)}.ui-btn:hover span:before,.ui-btn:focus span:before{animation:chitchat linear both var(--btn-animation-duration)}@keyframes chitchat{0%{content:"#"}5%{content:"."}10%{content:"^{"}15%{content:"-!"}20%{content:"#$_"}25%{content:"№:0"}30%{content:"#{+."}35%{content:"@}-?"}40%{content:"?{4@%"}45%{content:"=.,^!"}50%{content:"?2@%"}55%{content:";1}]"}60%{content:"?{%:%";right:0}65%{content:"|{f[4";right:0}70%{content:"{4%0%";right:0}75%{content:"'1_0<";right:0}80%{content:"{0%";right:0}85%{content:"]>'";right:0}90%{content:"4";right:0}95%{content:"2";right:0}to{content:"";right:0}}.social-buttons{display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;box-shadow:0 0 15px #00000027;padding:10px;border-radius:5em;width:fit-content}.social-button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;margin:0 10px;background-color:#fff;box-shadow:0 0 4px #00000027;transition:.3s}.social-button:hover{background-color:#f2f2f2;box-shadow:0 0 6px 3px #00000027}.social-buttons svg{transition:.3s;height:20px}.facebook{background-color:#ea4c89}.facebook svg{fill:#f2f2f2}.facebook:hover svg{fill:#ea4c89}.github{background-color:#333}.github svg{width:25px;height:25px;fill:#f2f2f2}.github:hover svg{fill:#333}.linkedin{background-color:#0077b5}.linkedin svg{fill:#f2f2f2}.linkedin:hover svg{fill:#0077b5}.instagram{background-color:#c13584}.instagram svg{fill:#f2f2f2}.instagram:hover svg{fill:#c13584}.footer{margin-top:40px;font-size:small;font-weight:200;text-align:center}@media only screen and (max-width: 450px){.upper-name-section,.Skill-Section,.prototype-section,.Resume{max-width:320px}.profile-pic{width:80px;height:80px}.Skill-Section .logo-wrap{justify-content:center;gap:14px;max-width:320px;overflow-x:scroll}}.logo{margin-top:20px;max-width:100px}.logo-title{margin-top:5px;text-align:center;max-width:100px;font-family:IBM Plex Mono,monospace;font-size:small;font-weight:200}.Skill-Section{text-align:start;background:#000;position:relative}.logo-wrap{display:flex;justify-content:start;align-items:center;gap:20px;flex-wrap:nowrap;position:relative}.logo-wrap:after{display:none}.logo-wrap svg{width:50px;height:50px;filter:none;transition:none}.logo-wrap svg:hover{transform:none;filter:none}.image{flex:1 1 100%;opacity:.7;transition:opacity .3s linear;cursor:pointer}.image img{max-width:100%;height:auto;--radius: 1rem;border-radius:var(--radius)}.image .title{display:block;font-size:2vw;margin:.5rem 0;color:#aaa}.image .title strong{display:block;color:#fff}.image[data-selected]{opacity:1;flex-grow:1.15;flex-shrink:.98}[data-flip]{transition:transform .3s cubic-bezier(.2,0,.5,1),border-radius .3s cubic-bezier(.2,0,.5,1);transform-origin:top left}[data-flipping]{transition:none;transform:var(--flip-translate) var(--flip-scale);--flip-translate: translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));--flip-scale: scale(calc(1 / var(--dw)), calc(1 / var(--dh)));--flip-radius: calc((var(--dw)) * var(--radius)) / calc((var(--dh)) * var(--radius))}img[data-flipping]{border-radius:var(--flip-radius)}.PreloaderBody{background-color:#000;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-image:url(/assets/Background-CM8c4_3H.png);background-size:cover}.loader{height:60px;width:60px;position:relative;animation:loaderAnimation 1.5s infinite linear}.loader-inner{position:absolute;height:100%;width:100%;left:0;top:0;background-color:#3053c7;border-radius:50%;animation:innerAnimation 1s infinite ease-in-out}@keyframes loaderAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes innerAnimation{0%{width:0;opacity:0}50%{width:100%;opacity:1}to{width:0;opacity:0}}.typingg{margin-top:40px;width:22ch;animation:typing 2s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:IBM Plex Mono,monospace;font-size:medium}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}.typewriter{font-weight:600;font-size:1rem;color:#fff}.cursor{color:#0ff;animation:blink 1s infinite ease-in-out;line-height:1;font-size:inherit}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.logo-prototype .logo-p{width:fit-content}.logo-prototype .logo-t{width:fit-content;font-family:IBM Plex Mono,monospace;font-weight:500;margin-left:10px}.logo-prototype .logo-t p{width:fit-content;font-family:IBM Plex Mono,monospace;font-weight:200;font-style:italic}.gallery{display:flex;gap:1rem;margin:1rem 0;align-items:center}.web-image{flex:1 1 100%;opacity:.7;transition:opacity .3s linear;cursor:pointer}.web-image img{max-width:100%;height:auto}.web-image .title{display:block;font-size:2vw;margin:.5rem 0;color:#aaa}.web-image .title strong{display:block;color:#fff}.web-image[data-selected]{opacity:1;flex-grow:1.15;flex-shrink:.98}[data-flip]{transition:transform .3s cubic-bezier(.2,0,.5,1);transform-origin:top left}[data-flipping]{transition:none;transform:var(--flip-translate) var(--flip-scale);--flip-translate: translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));--flip-scale: scale(calc(1 / var(--dw)), calc(1 / var(--dh)))}.title[data-flipping]{transform:var(--flip-translate)}.web-frame{height:120px;border-radius:12px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.15);position:relative;cursor:pointer;transition:transform .3s ease}.web-frame[data-selected]{transform:scale(1.04);border-color:#ffffff59}.web-frame img{width:100%;height:100%;object-fit:cover}.web-top-bar{height:20px;background:#2b2b2b;border-bottom:1px solid rgba(255,255,255,.1)}.web-top-bar:before{content:"";display:block;height:8px;width:8px;border-radius:50%;background:#ff5f57;position:absolute;top:6px;left:10px;box-shadow:15px 0 #ffbd2e,30px 0 #28c93f}.codersheart-wrapper{max-width:600px;margin:40px auto}.codersheart-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:16px}.codersheart-thumb img{width:100%;border-radius:12px;object-fit:cover}.codersheart-info{margin-top:15px;font-family:IBM Plex Mono,monospace}.codersheart-info h3{margin:0;font-size:22px}.codersheart-info p{margin:5px 0 12px;font-size:14px;opacity:.9}.codersheart-btn{width:fit-content;display:inline-block;padding:8px 14px;background:#58585844;color:#fff;border-radius:8px;text-decoration:none}@media only screen and (max-width: 450px){.codersheart-wrapper{max-width:320px}.codersheart-box{padding:4px}}*{width:100%;margin:0;padding:0}#root{flex-grow:1;height:100%}