@import"https://fonts.googleapis.com/css2?family=Geologica:wght@200;300;400;500;600;700;800;900&display=swap";.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background:var(--primary-color-blue)}::-webkit-scrollbar-thumb{background:var(--primary-color-green);border-radius:10px}.loading-container,.xxyyzz{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-family:Geologica,Helvetica,Georgia,Times New Roman,Times,sans-serif;text-decoration:none}html{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}body{font-family:Geologica,Helvetica,Georgia,Times New Roman,Times,sans-serif;overflow-x:hidden!important}section{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.disabled-btn{cursor:not-allowed!important}header.main-header{width:100%;background:-webkit-gradient(linear,left top,right top,color-stop(67%,var(--primary-color-blue)),color-stop(33%,var(--primary-color-green)));background:-o-linear-gradient(left,var(--primary-color-blue) 67%,var(--primary-color-green) 33%);background:linear-gradient(90deg,var(--primary-color-blue) 67%,var(--primary-color-green) 33%);display:-webkit-box;display:-ms-flexbox;display:flex;max-height:12rem;height:10.14em;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 6em;z-index:10000000}header.main-header .logo img{width:20.5rem}header.main-header .nav-button button.nav-toggle-btn{position:relative;width:2.8em;height:2.3em;background:transparent;border:none;cursor:pointer}header.main-header .nav-button button.nav-toggle-btn:before,header.main-header .nav-button button.nav-toggle-btn:after{content:" ";position:absolute;width:100%;height:3px;background-color:var(--primary-color-blue);right:0;border-radius:20%}header.main-header .nav-button button.nav-toggle-btn:before{top:0}header.main-header .nav-button button.nav-toggle-btn:after{width:72%;top:1.13em;height:4px}div.page01{scroll-snap-align:none!important;scroll-snap-stop:normal!important;background:-webkit-gradient(linear,left top,right top,color-stop(67%,var(--primary-color-blue)),color-stop(33%,var(--primary-color-green)));background:-o-linear-gradient(left,var(--primary-color-blue) 67%,var(--primary-color-green) 33%);background:linear-gradient(90deg,var(--primary-color-blue) 67%,var(--primary-color-green) 33%);width:100%;height:100vh;padding:3em 18.5566em 0 7.444em}.landing-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.landing-page .landing-page-main-text-box{text-align:left;margin-top:-3.5em}.landing-page .landing-page-main-text-box h1{font-size:3.766rem;font-weight:900;color:var(--primary-color-green);margin-bottom:.4333em}.landing-page .landing-page-main-text-box p{font-size:1.556rem;color:#f8f7f7;max-width:40vw;line-height:1.4}.landing-page-main-profile-box figure{margin:0;z-index:1;width:20.334em;height:22.67em;position:relative;border:.115rem solid #fff}#avatar-shapes{top:-25%;width:40em;z-index:-1;height:126%;right:-5.4em;position:absolute}.profile-pic-svg .handsome{width:inherit;display:block;height:inherit;margin-top:-2.435em;background-color:#fff;background-size:cover;background-position-x:center;margin-left:-2.2em;background-image:url(/assets/img-DGsCiDr8.jpg)}.landing-page-bottom-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.landing-page-bottom-container li{max-width:100%;list-style:none;color:#d3cece}.landing-page-bottom-container1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.55rem;-moz-column-gap:.55rem;column-gap:.55rem}.star-sparkle svg{width:1.1133rem}.page02{background:#ecf0f3}.projects-section-container{padding-top:1.6557em}.page02-header{padding-left:6.5544em;margin-bottom:1.5456em}.page02-header h2{font-size:3.22rem;color:var(--primary-color-blue);font-weight:900;letter-spacing:.15rem}.projects-cards-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em;row-gap:1.555em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3.45567em}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:300px;border-radius:.75rem;background-color:#ecf0f3;background-clip:border-box;color:#4a5568;-webkit-box-shadow:14px 14px 20px #cbced1,-14px -14px 20px white;box-shadow:14px 14px 20px #cbced1,-14px -14px 20px #fff}.card-header{background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;margin:.75rem;height:10rem;overflow:hidden;border-radius:.75rem;background-color:#4a5568;background-clip:border-box;color:#fff;-webkit-box-shadow:0 4px 14px 0 rgba(66,153,225,.4);box-shadow:0 4px 14px #4299e166;background-image:-webkit-gradient(linear,left top,right top,from(#4299e1),to(#3182ce));background-image:-o-linear-gradient(left,#4299e1,#3182ce);background-image:linear-gradient(to right,#4299e1,#3182ce)}.card-content{padding:1.5rem}.card-content1{padding-bottom:0}.card-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-tech-used{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:.5em;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;font-size:.844555rem}.card-text .tech-used{border:1px solid #00000032;border-radius:11px;padding:.3644rem}.tech-used-spl-green{border:2px solid #04ee04!important}.tech-used-spl-blue{border:2px solid #00f!important}.tech-used-spl-black{border:2px solid #000!important}.tech-used-spl-red{border:2px solid #f00!important}.card-title{display:block;font-size:1.255rem;font-weight:600;line-height:1.5;letter-spacing:0;color:#320263;margin-bottom:.455em}.Btn{border:none;border-radius:50%;width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;cursor:pointer;position:relative;background-color:#1f1f1f;overflow:hidden}.svgIcon{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.svgIcon path{fill:#fff}.text{position:absolute;color:#fff;width:120px;font-weight:600;opacity:0;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.Btn:hover{width:110px;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;border-radius:30px}.Btn:hover .text{opacity:1;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.Btn:hover .svgIcon{opacity:0;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.cssbuttons-io-button{background:#a370f0;color:#fff;padding:.25em 3.3em .25em 1.02em;font-size:17px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.05em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:inset 0 0 1.6em -.6em #714da6;box-shadow:inset 0 0 1.6em -.6em #714da6;overflow:hidden;position:relative;height:2.5em;cursor:pointer}.enabled-btn{background:#660bef!important}.cssbuttons-io-button .icon{background:#fff;margin-left:1em;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:2em;width:2em;border-radius:.7em;-webkit-box-shadow:.1em .1em .6em .2em #7b52b9;box-shadow:.1em .1em .6em .2em #7b52b9;right:.3em;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg{width:1.1em;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;color:#7b52b9}.cssbuttons-io-button:hover .icon svg{-webkit-transform:translateX(.1em);-ms-transform:translateX(.1em);transform:translate(.1em)}.cssbuttons-io-button:active .icon{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.library-management-system{background-image:url(../img/projects/library_management_system.jpeg)}.college-website{background-image:url(../img/projects/college-site.png)}.project-showcase{background-image:url(../img/projects/project-showcase.png);background-size:contain}.online-courses{background-image:url(../img/projects/bleb.png)}.portfolio{background-image:url(../img/projects/portfolio.png)}.more-projects-link{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:2em}.more-projects-link button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}.more-projects-link button.learn-more{width:15rem;height:auto}.more-projects-link button.learn-more .circle{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);-o-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);-webkit-box-shadow:0 0 5px 1px white;box-shadow:0 0 5px 1px #fff;position:relative;display:block;margin:0;width:3rem;height:3rem;background:#282936;border-radius:1.625rem}.more-projects-link button.learn-more .circle .icon{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);-o-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}.more-projects-link button.learn-more .circle .icon.arrow{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);-o-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}.more-projects-link button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.29rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.more-projects-link button.learn-more .button-text{-webkit-transition:all .45s cubic-bezier(.65,0,.076,1);-o-transition:all .45s cubic-bezier(.65,0,.076,1);transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#ecf0f3;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}.more-projects-link button:hover .circle{width:100%;-webkit-box-shadow:0 0 10px 2px white;box-shadow:0 0 10px 2px #fff}.more-projects-link button:hover .button-text{-webkit-transform:translate(-1.7rem,0);-ms-transform:translate(-1.7rem,0);transform:translate(-1.7rem)}.more-projects-link button:hover .circle .icon.arrow{background:#fff;-webkit-transform:translate(10.999rem,0);-ms-transform:translate(10.999rem,0);transform:translate(10.999rem)}.more-projects-link button:active .circle .icon.arrow{-webkit-transform:translate(9.5rem,0);-ms-transform:translate(9.5rem,0);transform:translate(9.5rem);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.more-projects-link button:active .circle{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 0 5px .5px white;box-shadow:0 0 5px .5px #fff}.more-projects-link button:hover .button-text{color:#fff}.more-projects-link button:active .button-text{color:#ffffff75}.page03{background:var(--primary-color-blue)}.skill-section-header{padding-left:7.432em}.skill-section-header h2{font-size:3rem;font-weight:900;color:var(--primary-color-green);text-shadow:1px 1px 80px #42047e}.download-cv-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:inherit;font-weight:500;font-size:17px;padding:.8em 1.5em .8em 1.2em;color:#fff;background:#ad5389;background:-webkit-gradient(linear,left bottom,left top,from(rgba(77,54,208,1)),to(rgba(132,116,254,1)));background:-o-linear-gradient(bottom,rgba(77,54,208,1) 0%,rgba(132,116,254,1) 100%);background:linear-gradient(0deg,#4d36d0,#8474fe);border:none;-webkit-box-shadow:0 .7em 1.5em -.5em #4d36d0be;box-shadow:0 .7em 1.5em -.5em #4d36d0be;letter-spacing:.05em;border-radius:20em;cursor:pointer}.download-cv-button svg{margin-right:8px}.download-cv-button:hover{-webkit-box-shadow:0 .5em 1.5em -.5em #4d36d0be;box-shadow:0 .5em 1.5em -.5em #4d36d0be}.download-cv-button:active{-webkit-box-shadow:0 .3em 1em -.5em #4d36d0be;box-shadow:0 .3em 1em -.5em #4d36d0be}.skills-section{padding-top:2.367453em}.skill-section-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skill-section-container-left,.skill-section-container-right{max-width:50%}.skill-section-container-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:1.13987em;padding-left:7.4896em}.skill-section-container-left .left-skill-heading h4{font-size:2rem;color:#fff;margin-bottom:1em}.left-skill-content h5{font-size:1.14rem;font-weight:600;color:#ccc}.left-skill-para p{font-size:1.2rem;color:#fff;line-height:1.7;margin-bottom:1.5674em}.skill-container{display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:1.5rem;flex-direction:column}.each-skill-type-heading h3{font-size:1.952rem;color:#fff;color:var(--primary-color-green);margin-bottom:.5rem}.each-skills-list{display:flex;flex-wrap:wrap;row-gap:1rem;column-gap:2rem}.each-skill{display:flex;flex-direction:column;align-items:center;row-gap:.5rem}.each-skill .icon i{font-size:5.6732rem}.each-skill .name{font-size:1rem;color:#fff;letter-spacing:1px}.who-am-i-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2.5rem}.who-am-i-img-container img{height:26.149867em}.who-am-i-left{padding:6.3463em 3.34857em 0}.who-am-i-right{padding-top:6.3463em;padding-right:3.95rem}.who-am-i-text .who-am-i-heading h2{font-size:2.8745em;font-weight:900;margin-bottom:1.3423em;color:var(--primary-color-blue)}.who-am-i-text p{font-size:1.67563em;color:#3d155f;line-height:2.4rem}.contact-me{background:#171717}.contact-me-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:3em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-me-heading h2{font-size:2.5467em;color:#fffdfd;margin-bottom:1rem;text-align:center}.contact-me-heading h4{color:#fffdfdb6;text-align:center;font-weight:400;font-size:1.44586em;margin-bottom:1em}.form-first-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:2.9563em;-moz-column-gap:2.9563em;column-gap:2.9563em}.form-control{position:relative;margin:20px 0 40px;width:220px}.form-control input{background-color:transparent;border:0;border-bottom:2px #fff solid;display:block;width:100%;padding:15px 0;font-size:18px;color:#fff}.form-control input:focus,.form-control input:valid{outline:0;border-bottom-color:#add8e6}.form-control label{position:absolute;top:15px;left:0;pointer-events:none}.form-control label span{display:inline-block;font-size:18px;min-width:5px;color:#fff;-webkit-transition:.3s cubic-bezier(.68,-.55,.265,1.55);-o-transition:.3s cubic-bezier(.68,-.55,.265,1.55);transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.form-control input:focus+label span,.form-control input:valid+label span{color:#add8e6;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}.form-row2{margin-bottom:1.5em}.form-row2 #contact-messege{padding:.75476em;font-size:1.2rem;width:500px;height:270px;background:#171717;border:2px solid #f8f7f7;border-radius:30px;resize:none;color:#fff}.form-row2 #contact-messege::-webkit-input-placeholder{font-weight:200}.form-row2 #contact-messege::-moz-placeholder{font-weight:200}.form-row2 #contact-messege:-ms-input-placeholder{font-weight:200}.form-row2 #contact-messege::-ms-input-placeholder{font-weight:200}.form-row2 #contact-messege::placeholder{font-weight:200}.form-submit-btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-submit-btn button{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:600;letter-spacing:1px;outline:none;border:none;background-color:#171717;padding:1rem;border-radius:.55rem;-webkit-box-shadow:14px 14px 20px #1c1c1c,-14px -14px 20px rgb(16,16,16);box-shadow:14px 14px 20px #1c1c1c,-14px -14px 20px #101010;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.form-submit-btn button:hover{border-radius:1.58rem}.form-submit-btn span svg{width:3.1em;height:1.7em;margin-left:1.55em}@keyframes fadeUp{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes fadeFirstUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeftUp{0%{transform:translateY(20px) translate(30px)}to{transform:translateY(0) translate(0)}}@keyframes fadeRightUp{0%{transform:translateY(40px) translate(-60px)}to{transform:translateY(0) translate(0)}}@keyframes fadeLeft{0%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes fadeFirstLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{transform:translate(40px)}to{transform:translate(0)}}@keyframes fadeFirstRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.landing-page-bottom-container1{transform:translate(30px);animation:fadeFirstRight 1s ease both}.landing-page-bottom-container111{transform:translate(-30px);animation:fadeFirstLeft 1s ease both}.fullstackdevtext,.landing-page-main-text-box p,.landing-page-main-profile-box{transform:translateY(30px);animation:fadeFirstUp 1s ease both}.card{animation:fadeRight 2s ease both;animation-timeline:view()}.skill-section-container-left,.skill-section-container-right{animation:fadeRightUp 2s ease both;animation-timeline:view()}.page04 .who-am-i .who-am-i-left,.page04 .who-am-i .who-am-i-right{animation:fadeUp 2s ease both;animation-timeline:view()}div.nav-opened{overflow:hidden}.nav-bar-container{min-height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Geologica,Helvetica,Georgia,Times New Roman,Times,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#41047ef9;z-index:10000000000000;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.nav-bar-container.closed{-webkit-transform:translateY(-250vh);-ms-transform:translateY(-250vh);transform:translateY(-250vh)}.nav-bar-container.opened{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.close-nav{position:absolute;right:50px;top:30px}#close-nav{cursor:pointer}.navbar{margin-bottom:2.674em}.nav-list li{list-style:none;font-size:1.4rem;font-weight:700;margin-bottom:1em;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.nav-list li:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.nav-list li a{color:#07f49e;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;cursor:pointer;transition:.4s ease-in-out}.nav-list li a:hover{color:#fff}.list-item a span svg{margin-bottom:-6px;margin-right:5px}.get-in-touch h5{color:#fff;font-size:1.2rem;margin-bottom:2em}.get-in-touch-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;height:120px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.get-in-touch-wrapper a{color:#000}.get-in-touch-wrapper .icon{position:relative;background:#fff;border-radius:50%;margin:10px;width:50px;height:50px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);box-shadow:0 10px 10px #0000001a;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.68,-.55,.265,1.55);-o-transition:all .2s cubic-bezier(.68,-.55,.265,1.55);transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.get-in-touch-wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#fff;color:#fff;padding:5px 8px;border-radius:5px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);box-shadow:0 10px 10px #0000001a;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-o-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.get-in-touch-wrapper .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:#fff;bottom:-3px;left:50%;-webkit-transform:translate(-50%) rotate(45deg);-ms-transform:translate(-50%) rotate(45deg);transform:translate(-50%) rotate(45deg);-webkit-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-o-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.get-in-touch-wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.get-in-touch-wrapper .icon:hover span,.get-in-touch-wrapper .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.get-in-touch-wrapper .github:hover,.get-in-touch-wrapper .github:hover .tooltip,.get-in-touch-wrapper .github:hover .tooltip:before{background:#080a0b;color:#fff}.get-in-touch-wrapper .facebook:hover,.get-in-touch-wrapper .facebook:hover .tooltip,.get-in-touch-wrapper .facebook:hover .tooltip:before{background:#1877f2;color:#fff}.get-in-touch-wrapper .twitter:hover,.get-in-touch-wrapper .twitter:hover .tooltip,.get-in-touch-wrapper .twitter:hover .tooltip:before{background:#0f1419;color:#fff}.get-in-touch-wrapper .instagram:hover,.get-in-touch-wrapper .instagram:hover .tooltip,.get-in-touch-wrapper .instagram:hover .tooltip:before{background:#e4405f;color:#fff}.get-in-touch-wrapper .gmail:hover,.get-in-touch-wrapper .gmail:hover .tooltip,.get-in-touch-wrapper .gmail:hover .tooltip:before{background:#dcf0e4;color:#000}.get-in-touch-wrapper .linkedin:hover,.get-in-touch-wrapper .linkedin:hover .tooltip,.get-in-touch-wrapper .linkedin:hover .tooltip:before{background:#0a66c2;color:#fff}.nav-last{position:absolute;bottom:10px;letter-spacing:2px;font-size:1.1rem;color:#ffffff72}@media (max-width:768px){.close-nav{position:absolute;right:20px;top:30px}}.projects-container{padding:3em 0;background:#dcddde}.scroll-indicator{height:5px;width:100%;position:fixed;top:0;left:0;z-index:100000000000000000000000}.scroll-indicator .progress-bar{height:100%;width:0;border-radius:100px;background:var(--primary-color-green)}:root{--primary-color-blue: #42047e;--primary-color-green: #07f49e}@media only screen and (max-width: 991px){html{scroll-snap-type:none}section{height:auto!important;scroll-snap-align:unset;scroll-snap-stop:normal}header.main-header{padding:0 3em}div.page01{height:auto!important;padding:3em 1.7566em 2.4442em 2.444em}.landing-page-bottom-container{width:57%}#pathoff,#pathoff1{display:none}.landing-page .landing-page-main-text-box p{max-width:50vw}.landing-page{overflow-x:hidden}.card{width:360px}.card-header{height:13em}.projects-cards-container{row-gap:2.7648em}.projects-section-container{padding:1.9557em 0}.skills-section{padding-top:3.67453em;padding-bottom:3.67453em}.skill-section-container{display:flex;flex-direction:column;justify-content:center}.skill-section-header{padding-left:3.432em;margin-bottom:1.9835em}.skill-section-container-left,.skill-section-container-right{max-width:100%}.skill-section-container-right{padding:0 3rem}.skill-section-container-left{display:flex;flex-direction:column;row-gap:1.13987em;padding-left:3.4896em;margin-bottom:2.538567em}.skill-section-container-left .left-skill-heading h4,.left-skill-para p{margin-bottom:.5em}.skill-container{margin-top:20px}.who-am-i-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2em}.who-am-i{padding:3.45746em 0}.who-am-i-left{padding:.3463em 0 0}.who-am-i-img-container img{height:24.49867em}.who-am-i-right{padding-top:3.3463em}.who-am-i-right .who-am-i-text .who-am-i-heading h2{margin-bottom:.4746em}.who-am-i-text{padding:0 1.6873em}.contact-me-container{padding-bottom:3em}.circle{width:100%!important;box-shadow:0 0 10px 2px #fff!important}.button-text{transform:translate(-1.7rem)!important}.circle .icon.arrow{background:#fff!important;transform:translate(10.999rem)!important}.circle .icon.arrow{transition:all .3s!important}.circle{transform:scale(.9)!important;transition:all .3s!important;box-shadow:0 0 5px .5px #fff!important}}@media only screen and (max-width: 768px){.page04 .who-am-i .who-am-i-left,.page04 .who-am-i .who-am-i-right,.skill-section-container-left,.skill-section-container-right,.card,.fullstackdevtext,.landing-page-main-text-box p,.landing-page-main-profile-box,.landing-page-bottom-container111,.landing-page-bottom-container1{animation:none}body{overflow-x:hidden!important}header.main-header{height:8.84em;background:var(--primary-color-blue)}header.main-header .nav-button button.nav-toggle-btn:before,header.main-header .nav-button button.nav-toggle-btn:after{background-color:var(--primary-color-green)}#pathoff,#pathoff1{display:block}.xxyyzz{display:block;padding:0 1.2566em 0 1.444em;margin-bottom:2em}.xxyy{display:none}div.page01{background:var(--primary-color-blue);padding:3em 0 0}.landing-page{flex-direction:column}.landing-page .landing-page-main-text-box{padding:0 1.2566em 0 1.444em;text-align:left;margin-top:0}.landing-page .landing-page-main-text-box p{max-width:100vw;text-align:center;margin-bottom:1.3543em}.landing-page .landing-page-main-text-box h1{text-align:center}.landing-page-bottom-container{width:100%;display:flex;justify-content:center}.landing-page-profile-container111 svg path{stroke:var(--primary-color-blue)!important}.landing-page-profile-container111{width:100%;display:flex;padding:6em 1.2566em 3em 1.444em;justify-content:center;background:var(--primary-color-green)}#avatar-shapes{top:-21%;width:40em;z-index:-1;height:126%;right:-9.4em;position:absolute}.landing-page-main-profile-box figure{margin:0;z-index:1;width:16.334em;height:18.67em;position:relative;border:.115rem solid #fff}}@media only screen and (max-width: 568px){header.main-header .logo img{width:10.5rem}header.main-header{padding:0 1.34567em;height:6em}.landing-page .landing-page-main-text-box p{font-size:1em}.landing-page-bottom-container{flex-wrap:wrap;row-gap:30px}.landing-page .landing-page-main-text-box h1{font-size:3em;text-align:center}.landing-page-main-profile-box figure{width:14.334em;height:15.67em}#avatar-shapes{top:-21%;width:35em;z-index:-1;height:126%;right:-9.5114em;position:absolute}.page02-header{padding-left:1.5544em;margin-bottom:1.5456em}.card{width:90%}.skill-section-header{padding-left:1.1432em;margin-bottom:1.9835em}.skill-section-header h2{font-size:2em}.skill-section-container-left{display:flex;flex-direction:column;row-gap:1.13987em;padding-left:1.4896em;margin-bottom:2.538567em}.skill-section-container-left p{font-size:1rem}.line_content .bar{width:34%}.skill-section-container-right{padding-left:.845em}.skill-container{flex-wrap:wrap;padding-left:1.5em}.who-am-i{padding-bottom:2em;padding-top:0}.who-am-i-img-container img{height:14.49867em}.who-am-i-right{padding-top:1.3463em}.who-am-i-text p{font-size:1.1111em;line-height:1.6899995rem}.who-am-i-text{padding:0 .6873em}.contact-me-heading h4{font-size:1.1em}.form-first-row{flex-direction:column;align-items:center}.form-control{margin:0 0 30px}.form-row2 #contact-messege{width:90%}.form-row2{display:flex;justify-content:center}.card-header{height:11em}}