@import"https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#000;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{--section-background-color: linear-gradient(to bottom left, rgba(17, 16, 16, .582), rgba(12, 8, 24, .904));--image-gradient: linear-gradient(to bottom left, rgba(17, 16, 16, .678), rgba(12, 10, 22, .863));--imp-text-color: #c770f0}.purple{color:var(--imp-text-color)!important}button:focus{box-shadow:none!important}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background-color:#0c0513;background-repeat:no-repeat;background-position:center}#preloader-none{opacity:0}#no-scroll{overflow:hidden;height:100vh}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#2d1950}::-webkit-scrollbar-thumb{background:#b279d8f5;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#de82ebe8;border-radius:12px}.sticky{background-color:#1b1a2ea9!important;transition:all .3s ease-out 0s!important;box-shadow:0 10px 10px #09051d2c!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.navbar{position:fixed!important;transition:all .3s ease-out 0s!important;padding:.3rem 2rem!important;font-size:1.2rem!important}.navbar-toggler{position:relative!important;background-color:transparent!important;border-color:transparent!important}.navbar-toggler span{display:block!important;background-color:#be50f4!important;height:4px!important;width:27px!important;margin-top:5px!important;margin-bottom:5px!important;transform:rotate(0)!important;left:0!important;opacity:1!important}.navbar-toggler:focus,.navbar-toggler:active{outline:0!important}.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3){transition:transform .35s ease-in-out!important}.navbar-toggler:not(.collapsed) span:nth-child(1){position:absolute!important;left:12px!important;top:10px!important;transform:rotate(135deg)!important;opacity:.9!important}.navbar-toggler:not(.collapsed) span:nth-child(2){height:12px!important;visibility:hidden!important;background-color:transparent!important}.navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute!important;left:12px!important;top:10px!important;transform:rotate(-135deg)!important;opacity:.9!important}@media (max-width: 767px){.navbar{font-size:1.4rem!important;background-color:#181a27!important}.navbar-nav .nav-item a:after{display:none!important}}.navbar-brand{color:#fafafa!important}.logo{height:1.4em!important;width:2.5em!important}.navbar-nav .nav-link{color:#fff!important;padding-right:1rem!important;padding-left:1rem!important}.nav-link{padding:.8rem 1rem!important}@media (max-width: 767px){.nav-link{padding:.7rem 1rem!important}}.navbar-nav .nav-item{position:relative;margin-left:20px}.navbar-nav .nav-item a{font-weight:400;transition:all .3s ease-out 0s;position:relative;z-index:1}.navbar-nav .nav-item a:after{content:"";position:relative;display:block;height:5px;width:0;border-radius:16px;background:#c95bf5;bottom:1px;left:0;z-index:-1;transition:all .3s ease-out 0s}.navbar-nav .nav-item a:hover:after{width:100%}.wave{animation-name:wave-animation;animation-duration:2.1s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}#tsparticles{position:fixed!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%;height:100%}.home-header{padding-top:80px!important}.home-section{position:relative;z-index:-1;background-position:top center;background-repeat:no-repeat;padding-bottom:30px!important;padding-top:30px!important}.home-content{padding:9rem 0 2rem!important;color:#f5f5f5;text-align:left}.heading{font-size:2.4em!important}.heading-name{font-size:2.5em}.main-name{color:#cd5ff8}.Typewriter__wrapper{font-size:2.2em!important;color:#be6adf!important;font-weight:600!important;padding-left:0}.Typewriter__cursor{font-size:2.4em!important;color:#b562d6!important}@media (max-width: 767px){.Typewriter__wrapper{font-size:1.4em!important;font-weight:500!important;position:absolute!important}.Typewriter__cursor{display:none!important}}.myAvtar{justify-content:center!important;padding-top:9em!important}@media (max-width: 767px){.myAvtar{padding-top:2em!important;padding-bottom:2em!important}}.profile-image{width:350px;height:350px;border-radius:50%;object-fit:cover}.image-container{width:370px;height:370px;background:linear-gradient(135deg,#7f00ff,#e100ff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.img-fluid{width:150px;height:150px;margin-right:15px}.heading-container{display:flex;align-items:center}.image-container{opacity:0;height:0}.cont,.profile-image{height:0}}.gradient-border{border:8px solid;border-image:linear-gradient(45deg,#7f00ff,#e100ff) 1;padding:5px;border-radius:50%}.list{line-height:3;list-style-type:none;margin:40px 0}.typewriter{font-size:3rem;display:inline-block;font-weight:700}@media (max-width:786px){.list{line-height:2;list-style-type:none;margin:10px 0}.heading-name,.typewriter{font-size:2rem}}.home-about-section{position:relative;padding-bottom:70px!important;padding-top:70px!important}.home-about-description{color:#fff!important;padding-top:100px!important;padding-bottom:20px!important;text-align:center}.home-about-body{padding-top:50px;font-size:1.2em!important;text-align:left}.home-about-social{text-align:center!important;padding-top:25px;color:#fff!important}.home-about-social-links{justify-content:center!important;padding-top:15px!important;display:inline-block!important;position:relative!important;padding-inline-start:0!important}.home-social-icons{position:relative!important;display:inline-block!important;width:40px!important;height:40px!important;text-align:center!important;font-size:1.2em!important;line-height:2em!important;background:#fffffff8!important;border-radius:50%!important;transition:.5s!important}.home-social-icons:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#68187a;transition:.5s;transform:scale(.9);z-index:-1}.home-social-icons:hover:before{transform:scale(1.1);box-shadow:0 0 15px #801f95}.home-social-icons:hover{color:#87209e;box-shadow:0 0 5px #87209e;text-shadow:0 0 2px #87209e}.social-icons{display:inline-block!important;padding-right:15px;padding-left:15px}.icon-colour{color:#700c86!important}.footer{background-color:#0a0416;bottom:0!important;padding-top:10px!important;padding-bottom:8px!important}.footer-copywright{text-align:center!important}.footer-body{z-index:1;text-align:center!important}@media (max-width: 767px){.footer-copywright,.footer-body{text-align:center!important}}.footer h3{font-size:1em;color:#fff!important;margin-top:.5em!important;margin-bottom:.5em!important}.footer-icons{margin-top:.5em!important;margin-bottom:.5em!important;padding:0!important}.blockquote-footer{color:#a588c0!important}.project-section{position:relative!important;padding-top:150px!important;padding-bottom:30px!important;background-image:var(--section-background-color)!important}.project-card{padding:50px 25px!important;height:auto!important}.project-card-view{box-shadow:0 4px 5px 3px #77358875!important;color:#fff!important;background-color:transparent!important;opacity:.9!important;transition:all .5s ease 0s!important;height:100%!important}.project-card-view:hover{transform:scale(1.02)!important;overflow:hidden!important;box-shadow:0 4px 4px 5px #8148908f!important}.blog-card{padding:50px 25px!important;height:auto!important}.blog-card-view{background-color:transparent!important;box-shadow:0 3px 3px 2px #914da175!important;color:#fff!important;transition:all .5s ease 0s!important;height:100%!important}.blog-link{color:#fff!important;text-decoration:none!important}.blog-link:hover{cursor:pointer!important}.blog-card-view:hover{transform:scale(1.02)!important;overflow:hidden!important;box-shadow:0 3px 3px 5px #9b58ada6!important}.card-img-top{padding:20px!important;opacity:.8!important;border-radius:10px!important}.blog-img{padding:0!important;opacity:.8!important;border-radius:0!important}.btn-primary{color:#fff!important;background-color:#623686!important;border-color:#623686!important}.btn-primary:hover{color:#fff!important;background-color:#6d20c5d7!important;border-color:#6d20c5d7!important}.btn:focus{outline:none!important;box-shadow:none!important}.project-heading{color:#fff!important;font-size:2.3em!important;font-weight:500!important;padding-top:10px!important}.about-section{position:relative!important;padding-top:150px!important;padding-bottom:30px!important;background-image:var(--section-background-color)!important;color:#fff!important}.tech-icons{font-size:4.5em!important;margin:15px!important;padding:10px!important;opacity:.93!important;border:1.7px solid rgba(200,137,230,.637)!important;vertical-align:middle!important;text-align:center!important;border-radius:5px!important;display:table!important;box-shadow:4px 5px 4px 3px #5904a823!important;overflow:hidden!important;transition:all .4s ease 0s!important}@media (max-width: 767px){.tech-icons{margin:10px!important}}.tech-icons:hover{transform:scale(1.05)!important;overflow:hidden!important;border:2.2px solid rgba(197,115,230,.883)!important}.tech-icon-images{padding:20px!important;line-height:1.6!important}.quote-card-view{border:none!important;color:#fff!important;background-color:transparent!important}.about-activity{list-style:none!important;text-align:left!important;padding-left:1px!important}@media (max-width: 767px){.about-img{padding-top:0!important}}.resume-section{position:relative!important;padding-top:110px!important;padding-bottom:30px!important;background-image:var(--section-background-color)!important;color:#fff!important;height:"100vh"}.resume{padding-top:50px;padding-bottom:50px;justify-content:center}.resume-left{padding-right:80px!important}.resume-right{padding-left:80px!important}@media (max-width: 767px){.resume-left,.resume-right{padding-right:15px!important;padding-left:15px!important}}.resume .resume-title{font-size:2em;font-weight:700;padding-top:30px;padding-bottom:30px}.resume .resume-item{padding:0 0 10px 25px;margin-top:-2px;border-left:2px solid #8a49a8;position:relative}.resume .resume-item .resume-title{line-height:18px;font-size:.9em;background:#5234795d;padding:8px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px;text-align:justify}.resume .resume-item ul li{padding-bottom:10px;list-style:none}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#fff;border:2px solid #8a49a8}.like-item{padding-top:10px!important;font-size:1.1em!important;font-family:sans-serif!important}.like-btn{background-color:#934cce5e!important;border-color:#934cce5e!important;padding:.25rem .98rem!important;border-radius:5px!important;line-height:1.4!important;transition:.3s ease!important}.like-btn:hover{transform:translateY(-2px)!important;background-color:#a24dd386!important;border-color:#a24dd386!important}.animate-like{animation-name:likeAnimation;animation-fill-mode:forwards;animation-duration:.85s}@keyframes likeAnimation{0%{transform:scale(1.5)}to{transform:scale(1)}}.fork-btn{font-size:1.1em!important;padding-top:10px!important}.fork-btn-inner{line-height:1.4em!important;background-color:#934cce5e!important;padding:.25rem 1.1rem!important;vertical-align:middle!important;text-align:center!important}.fork-btn-inner:hover{transform:translateY(-2px)!important;background-color:#a24dd386!important;border-color:#a24dd386!important}.fork-btn-inner:after{display:none!important}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}body{margin:0;font-family:Raleway,serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}