::-webkit-scrollbar{display:none}html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:500px){.frame .phone{display:block}}@media screen and (min-width:501px)and (max-width:1200px){.frame .phone{display:none}}@media screen and (min-width:1200px){.frame .phone{display:none}}@media screen and (max-width:500px){.frame .tab{display:none}}@media screen and (min-width:501px)and (max-width:1200px){.frame .tab{display:block}}@media screen and (min-width:1200px){.frame .tab{display:none}}@media screen and (max-width:500px){.frame .desktop{display:none}}@media screen and (min-width:501px)and (max-width:1200px){.frame .desktop{display:none}}@media screen and (min-width:1200px){.frame .desktop{display:block}}.desktop{position:relative}.desktop .top{background:#181717;border-radius:50%;bottom:100%;color:#fff;cursor:pointer;height:20px;object-fit:cover;opacity:0;padding:10px;position:absolute;position:fixed;right:16px;text-align:center;transition:all .3s ease-in;width:20px}.desktop .show{bottom:8px;opacity:1;transform:rotate(-180deg)}.desktop nav{align-items:center;background:#fff;display:flex;height:6.3vh;justify-content:space-between;padding:5px 0;position:fixed;transition:all .3s;width:100%;z-index:1000}.desktop nav .logo{padding-left:100px}.desktop nav .logo img{object-fit:cover;width:100px}.desktop nav .link{padding-right:100px}.desktop nav .link li{-webkit-user-drag:none;border:2px solid #0000;cursor:pointer;display:inline;height:6.3vh;list-style:none;padding:16.5px 15px;transition:all .3s ease-out;user-select:none;-webkit-user-select:none}.desktop nav .link li:hover{color:#fd5949}.desktop nav .link .activeSection{border-bottom:2px solid #fd5949;color:#fd5949}.desktop nav.navbar{opacity:0}.desktop nav.navbar:hover{background:#fff;opacity:1}.desktop header{flex-direction:column;height:100vh;padding:20px 100px}.desktop header,.desktop header .innerHeader{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.desktop header .innerHeader{background:none;gap:50px;height:100%;position:relative;width:100%;z-index:999}.desktop header .innerHeader .innerImg img{animation:animate 5s ease-in-out infinite;box-shadow:0 5px 5px 5px rgba(13,110,253,.284);max-width:30vw;object-fit:cover;transition:all 5s ease-in-out;width:100%}.desktop header .innerHeader .innerText{display:flex;flex-direction:column}.desktop header .innerHeader .innerText .innerHeaderFirst,.desktop header .innerHeader .innerText .innerHeaderSecond{font-size:4rem}.desktop header .innerHeader .innerText .innerHeaderThrid,.desktop header .innerHeader .innerText .innerHeaderThrid .innerinnerHeaderThrid{font-size:1.8rem}.desktop header .innerHeader .innerText button{background:#190482;border:none;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.553);color:#fff;cursor:pointer;font-weight:700;margin:10px 0;object-fit:cover;padding:15px;transition:all .3s;width:25%}.desktop header .innerHeader .innerText button span{align-items:center;display:inline-flex}.desktop header .innerHeader .innerText button span .rightIcon{font-size:1.2rem;margin:0;padding:0;transition:all .3s}.desktop header .innerHeader .innerText button:hover{transform:scale(1.15)}.desktop header .innerHeader .innerText button:hover span .rightIcon{padding:0 5px;transform:rotate(90deg)}.desktop header .innerHeader .innerText .profileLink{display:flex;gap:10px}.desktop header .innerHeader .innerText .profileLink span{background:#0000;font-size:1.8rem;transition:all .3s}.desktop header .innerHeader .innerText .profileLink span:hover{transform:scale(1.15)}.desktop header .innerHeader .innerText .profileLink span:first-child{border-radius:50%;overflow:hidden}.desktop header .innerHeader .innerText .profileLink span:first-child .facebook{background:#fff;color:#316ff6}.desktop header .innerHeader .innerText .profileLink span:nth-child(2) .instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:8px;color:#fff}.desktop header .innerHeader .innerText .profileLink span:nth-child(3){border-radius:50%;overflow:hidden}.desktop header .innerHeader .innerText .profileLink span:nth-child(3) .github{background:#fff;color:#181717}.desktop header .innerHeader .innerText .profileLink span:nth-child(4) .linkedin{background:#0077b5;border-radius:5px;color:#fff;font-size:1.5rem;padding:2.5px}.desktop header .innerHeader .innerText .profileLink span:nth-child(5){overflow:hidden}.desktop header .innerHeader .innerText .profileLink span:nth-child(5) .telegram{background:#08c;border-radius:50%;color:#fff;font-size:1.3rem;padding:5px}.desktop header .innerHeader .innerText .profileLink span:nth-child(6) .whatsapp{background:#25d366;border-radius:50%;color:#fff;font-size:1.3rem;padding:5px}.desktop main{background:#fff;position:relative}.desktop main,.desktop main .aboutme{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.desktop main .aboutme{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 250px;text-align:center}.desktop main .aboutme h1{align-items:center;display:inline-flex}.desktop main .aboutme .inneraboutme{display:flex;flex-wrap:wrap;justify-content:center;padding:4vw 0;width:100%}.desktop main .aboutme .inneraboutme .innerinneraboutme{display:flex;gap:150px;justify-content:center;width:100%}.desktop main .aboutme .inneraboutme .innerinneraboutme img{border:4px solid #fff;border-radius:10px;box-shadow:0 0 5px hsla(0,0%,50%,.516);filter:grayscale(1) brightness(1.4);object-fit:cover;transition:all .3s;width:300px}.desktop main .aboutme .inneraboutme .innerinneraboutme img:hover{filter:none;transform:scale(1.115)}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;text-align:left}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .headeraboutmetext{font-size:2rem}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .subheaderaboutmetext{font-size:1.5rem}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .parheaderaboutmetext{font-size:1rem}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .pointheaderaboutmetext{align-items:center;display:inline-flex;font-size:1rem}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button{align-items:center;background:#1b262c;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;margin:10px 0;padding:15px;transition:all .3s;width:120px}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button i{transition:all .3s}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover{background:none;border:3px solid #1b262c;color:#1b262c;transform:scaleX(1.111115)}.desktop main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover i{padding:0 1px}.desktop main .skill{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 250px 20px}.desktop main .skill h1{align-items:center;display:inline-flex}.desktop main .skill .innerskill{align-items:center;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:30px;height:100%;justify-content:center;object-fit:cover;padding:20px 50px}.desktop main .skill .innerskill .skillcart{align-items:center;background:#272829;border-radius:15px;box-shadow:0 0 10px rgba(39,40,41,.498);display:flex;flex-direction:column;flex-wrap:wrap;height:150px;justify-content:center;width:120px}.desktop main .skill .innerskill .skillcart img{width:100px}.desktop main .education{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 100px;text-align:center}.desktop main .education h1{align-items:center;display:inline-flex}.desktop main .education h1 .cap{font-size:larger}.desktop main .education .inneredu{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:50px;justify-content:center;padding-bottom:30px}.desktop main .education .inneredu .schoolEduaction{background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.521);display:flex;flex-wrap:wrap;gap:30px;height:100%;overflow:hidden;width:70vw}.desktop main .education .inneredu .schoolEduaction img{height:30vh;object-fit:cover;overflow:hidden;width:20vw}.desktop main .education .inneredu .schoolEduaction .innerEduText{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;padding:20px 0;text-align:left}.desktop main .education .inneredu .schoolEduaction .innerEduText .courseName{font-size:2rem}.desktop main .education .inneredu .schoolEduaction .innerEduText .instName{font-size:1.5rem}.desktop main .education .inneredu .schoolEduaction .innerEduText .compelteYear{font-size:2.8rem;margin-top:auto}.desktop main .experience{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 100px;text-align:center}.desktop main .experience h1{align-items:center;display:inline-flex}.desktop main .experience .comImage .imageLogo{background-image:url(/static/media/TCS.NS.3b11b059975ab0ec786c.png);background-position:50%;background-repeat:no-repeat;background-size:300px;border-radius:50%;box-shadow:0 0 20px #3d3da1;height:400px;overflow:hidden;width:400px}.desktop main .experience .comImage .imageContent{align-items:center;background-color:hsla(0,2%,9%,.631);color:#fff;display:flex;flex-direction:column;gap:0;height:400px;justify-content:center;opacity:1;overflow:hidden;padding:0;transition:opacity .3s ease-in-out;width:400px}.desktop main .experience .comImage .imageContent .innerExContent{text-align:left}.desktop main .experience .comImage .imageContent .innerExContent p h2,.desktop main .experience .comImage .imageContent .innerExContent p h3{margin-bottom:0}.desktop main .experience .comImage .imageContent h1{color:#11f564}.desktop main .experience .comImage .imageContentNone{opacity:0}.desktop main .project{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:35px 50px}.desktop main .project h1{align-items:center;display:inline-flex}.desktop main .project .viewmore{background:none;border:2px solid #000;color:#000;font-size:1rem;margin-top:50px;padding:15px;transition:all .3s;width:150px}.desktop main .project .viewmore:hover{background:#000;color:#fff;transform:scale(1.115)}.desktop main .project .innerproject{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.desktop main .project .innerproject .projectcard{border-radius:5px;box-shadow:0 0 15px rgba(57,55,55,.674);height:350px;overflow:hidden;position:relative;width:400px}.desktop main .project .innerproject .projectcard .coverpage{align-items:center;background:hsla(0,2%,9%,.569);bottom:0;height:50px;position:absolute;text-align:center;transition:all .3s;width:100%}.desktop main .project .innerproject .projectcard .coverpage .projecttext{background:#181717;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:50px;justify-content:center;z-index:1}.desktop main .project .innerproject .projectcard .coverpage .projectContent{padding:0 15px;text-align:left}.desktop main .project .innerproject .projectcard .coverpage .projectContent p{color:#fff}.desktop main .project .innerproject .projectcard .coverpage .projectContent .buttonContent{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.desktop main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button{align-items:center;background:#181717;border:none;border-radius:5px;color:#fff;display:inline-flex;justify-content:center;padding:10px 0;text-align:center;transition:all .3s;width:140px}.desktop main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button .icons{font-size:larger}.desktop main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button:hover{background:#fff;color:#181717}.desktop main .project .innerproject .projectcard:first-child{background:url(/static/media/AI.e9630b4a3909839ce404.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(2){background:url(/static/media/reactjs.e0df116529566f2aa356.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(3){background:url(/static/media/ChatVector.0c957900ac193339412e.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(4){background:url(/static/media/overtime.d171d5f5f7fa1f1c875b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(5){background:url(/static/media/overtime2.c1fb73615b4ad15a11d7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(6){background:url(/static/media/photoAlbum.563b1ea81c70bb38b857.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(7){background:url(/static/media/Application.13a7db1cc5b882a1840a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(8){background:url(/static/media/Weather.9be3c9c18d672da8fe2a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:nth-child(9){background:url(/static/media/shopApp.1d6f812167ba5f69ec25.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.desktop main .project .innerproject .projectcard:hover .coverpage{background:hsla(0,2%,9%,.569);bottom:0;height:85%;position:absolute}.desktop main .project .innerproject .projectcard:hover .coverpage .projecttext{height:50px}.desktop main .project button{align-items:center;display:inline-flex;justify-content:center;text-align:center}.desktop main .contact{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:80vh;justify-content:center;padding:35px 50px}.desktop main .contact h1{align-items:center;display:inline-flex}.desktop main .contact .innercontact{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.desktop main .contact .innercontact .formContent{gap:20px}.desktop main .contact .innercontact .formContent form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.desktop main .contact .innercontact .formContent form input{border:2px solid #000;border-radius:5px;font-size:1rem;margin:10px 0;outline:none;padding:15px 5px;width:25vw}.desktop main .contact .innercontact .formContent form input.email:focus,.desktop main .contact .innercontact .formContent form input.name:focus,.desktop main .contact .innercontact .formContent form input.userPhone:focus{border:2px solid green;outline:none}.desktop main .contact .innercontact .formContent form textarea{border:2px solid #000;border-radius:5px;font-size:1rem;height:15vh;margin:10px 0;outline:none;padding:15px 5px;width:25vw}.desktop main .contact .innercontact .formContent form textarea.msg:focus{border:2px solid green;outline:none}.desktop main .contact .innercontact .formContent form button{background:#190482;border:2px solid #190482;border-radius:5px;color:#fff;padding:15px;text-align:center;transition:all .3s}.desktop main .contact .innercontact .formContent form button:hover{background:#fff;color:#190482}.desktop footer{background:#272727;color:#fff;flex-direction:column;padding:20px 100px;position:relative}.desktop footer,.desktop footer .botttomFooter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.desktop footer .botttomFooter{padding:20px 0}.desktop footer .innerFooter{border-bottom:1px solid gray;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;padding:20px 0}.desktop footer .innerFooter .portfolio{width:30%}.desktop footer .innerFooter .portfolio:nth-child(2){width:20%}.desktop footer .innerFooter .portfolio:nth-child(2) li{-webkit-user-drag:none;align-items:center;cursor:pointer;display:inline-flex;list-style:none;transition:all .3s;user-select:none;-webkit-user-select:none}.desktop footer .innerFooter .portfolio:nth-child(2) li:hover{color:#ffbb5c}.desktop footer .innerFooter .portfolio:nth-child(3) span{align-items:center;color:#ffbb5c;display:inline-flex;margin-right:15px}.desktop footer .innerFooter .portfolio:nth-child(3) .links{display:flex;flex-wrap:wrap;gap:15px}.desktop footer .innerFooter .portfolio:nth-child(3) .links div{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;color:#000;cursor:pointer;display:flex;height:15px;justify-content:center;object-fit:cover;padding:5px;text-align:center;transition:all .3s ease-in-out;width:15px}.desktop footer .innerFooter .portfolio:nth-child(3) .links div:hover{background:#000;color:#fff}.phone{position:relative}.phone .top{background:#181717;border-radius:50%;bottom:100%;color:#fff;cursor:pointer;height:20px;object-fit:cover;opacity:0;padding:10px;position:absolute;position:fixed;right:16px;text-align:center;transition:all .3s ease-in;width:20px}.phone .show{bottom:8px;opacity:1;transform:rotate(-180deg)}.phone nav{height:6.3vh;position:fixed;width:100%;z-index:1000}.phone nav .link{align-items:center;background:#fff;display:flex;flex-direction:column;gap:20px;height:93.7vh;left:-100%;padding:15px 0;position:absolute;transition:all .3s;width:80%}.phone nav .link li{cursor:pointer;font-size:1.5rem;list-style:none}.phone nav .link .activeSection{border-bottom:2px solid #fd5949;color:#fd5949}.phone nav .link.active{left:0}.phone nav .innerNavbar{align-items:center;background:#fff;display:flex;justify-content:space-between}.phone nav .innerNavbar .logo{padding-left:15px}.phone nav .innerNavbar .hamburgs{cursor:pointer;display:block;padding-right:15px}.phone nav .innerNavbar .hamburgs .bar{background:#000;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.phone nav .innerNavbar .hamburgs.active .bar:nth-child(2){opacity:0}.phone nav .innerNavbar .hamburgs.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.phone nav .innerNavbar .hamburgs.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.phone header{height:100vh;padding:0 30px}.phone header,.phone header .innerHeader{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.phone header .innerHeader{background:none;height:100%;width:100%;z-index:999}.phone header .innerHeader .innerImg img{animation:animate 5s ease-in-out infinite;box-shadow:0 5px 5px 5px rgba(13,110,253,.284);max-width:100vw;object-fit:cover;transition:all 5s ease-in-out;width:100%}.phone header .innerHeader .innerText{display:flex;flex-direction:column;padding:0;width:100%}.phone header .innerHeader .innerText .innerHeaderFirst,.phone header .innerHeader .innerText .innerHeaderSecond{font-size:2rem}.phone header .innerHeader .innerText .innerHeaderThrid,.phone header .innerHeader .innerText .innerHeaderThrid .innerinnerHeaderThrid{font-size:1rem}.phone header .innerHeader .innerText button{background:#190482;border:none;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.553);color:#fff;cursor:pointer;font-weight:700;margin:10px 0;object-fit:cover;padding:15px;transition:all .3s;width:30vw}.phone header .innerHeader .innerText button i{transition:all .3s}.phone header .innerHeader .innerText button:hover span i{padding:0 5px;transform:rotate(90deg)}.phone header .innerHeader .innerText .profileLink{display:flex;gap:10px}.phone header .innerHeader .innerText .profileLink span{background:#fff;font-size:2rem;transition:all .3s}.phone header .innerHeader .innerText .profileLink span:first-child{background:#316ff6;-webkit-background-clip:text;color:#0000}.phone header .innerHeader .innerText .profileLink span:nth-child(2){background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-background-clip:text;color:#0000}.phone header .innerHeader .innerText .profileLink span:nth-child(3){background:#181717;-webkit-background-clip:text;color:#0000}.phone header .innerHeader .innerText .profileLink span:nth-child(4){background:#0077b5;-webkit-background-clip:text;color:#0000}.phone header .innerHeader .innerText .profileLink span:nth-child(5){background:#08c;-webkit-background-clip:text;color:#0000}.phone header .innerHeader .innerText .profileLink span:nth-child(6){background:#25d366;-webkit-background-clip:text;color:#0000}.phone main{background:#fff;padding:0 30px;position:relative}.phone main,.phone main .aboutme{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.phone main .aboutme{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;text-align:center}.phone main .aboutme .inneraboutme{display:flex;flex-wrap:wrap;justify-content:center;padding:4vw 0;width:100%}.phone main .aboutme .inneraboutme .innerinneraboutme{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:2vh;justify-content:center;width:100%}.phone main .aboutme .inneraboutme .innerinneraboutme img{border:4px solid #fff;border-radius:10px;box-shadow:0 0 5px hsla(0,0%,50%,.516);filter:brightness(1.2);object-fit:cover;width:50vw}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;text-align:left}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .headeraboutmetext{font-size:2rem}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .subheaderaboutmetext{font-size:1.5rem}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .parheaderaboutmetext,.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .pointheaderaboutmetext{font-size:1rem}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button{background:#1b262c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:15px;transition:all .3s;width:120px}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button i{transition:all .3s}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover{background:none;border:3px solid #1b262c;color:#1b262c}.phone main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover i{padding:0 1px}.phone main .skill{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px}.phone main .skill .innerskill{align-items:center;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:30px;height:100%;justify-content:center;object-fit:cover}.phone main .skill .innerskill .skillcart{align-items:center;background:#272829;border-radius:15px;box-shadow:0 0 10px rgba(39,40,41,.498);display:flex;flex-direction:column;flex-wrap:wrap;height:150px;justify-content:center;width:120px}.phone main .skill .innerskill .skillcart img{object-fit:contain;width:100px}.phone main .education{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;text-align:center}.phone main .education .inneredu{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:50px;justify-content:center}.phone main .education .inneredu .schoolEduaction{background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.521);display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:80vw}.phone main .education .inneredu .schoolEduaction img{height:30vh;object-fit:cover;overflow:hidden;width:100%}.phone main .education .inneredu .schoolEduaction .innerEduText{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;padding:20px 10px;text-align:left}.phone main .education .inneredu .schoolEduaction .innerEduText .courseName{font-size:1.5rem}.phone main .education .inneredu .schoolEduaction .innerEduText .instName{font-size:1.2rem}.phone main .education .inneredu .schoolEduaction .innerEduText .compelteYear{font-size:1.8rem;margin-top:auto}.phone main .experience{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;text-align:center}.phone main .experience .comImage .imageLogo{background-image:url(/static/media/TCS.NS.3b11b059975ab0ec786c.png);background-position:50%;background-repeat:no-repeat;background-size:120px;border-radius:50%;box-shadow:0 0 20px #3d3da1;height:250px;overflow:hidden;width:250px}.phone main .experience .comImage .imageContent{align-items:center;background-color:hsla(0,2%,9%,.631);color:#fff;display:flex;flex-direction:column;font-size:.6rem;gap:0;height:250px;justify-content:center;opacity:1;overflow:hidden;padding:0;transition:opacity .3s ease-in-out;width:250px}.phone main .experience .comImage .imageContent .innerExContent{text-align:left}.phone main .experience .comImage .imageContent .innerExContent p h2,.phone main .experience .comImage .imageContent .innerExContent p h3{margin-bottom:0}.phone main .experience .comImage .imageContent h1{color:#11f564}.phone main .experience .comImage .imageContentNone{opacity:0}.phone main .project{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px}.phone main .project .viewmore{background:none;border:2px solid #000;color:#000;font-size:1rem;margin-top:20px;padding:15px;transition:all .3s;width:150px}.phone main .project .viewmore:hover{background:#000;color:#fff;transform:scale(1.11115)}.phone main .project .innerproject{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.phone main .project .innerproject .projectcard{border-radius:5px;box-shadow:0 0 15px rgba(57,55,55,.674);height:275px;overflow:hidden;position:relative;width:300px}.phone main .project .innerproject .projectcard .coverpage{align-items:center;background:hsla(0,2%,9%,.569);bottom:0;height:50px;position:absolute;text-align:center;transition:all .3s;width:100%}.phone main .project .innerproject .projectcard .coverpage .projecttext{background:#181717;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:50px;justify-content:center;z-index:1}.phone main .project .innerproject .projectcard .coverpage .projectContent{padding:0 15px;text-align:left}.phone main .project .innerproject .projectcard .coverpage .projectContent p{color:#fff}.phone main .project .innerproject .projectcard .coverpage .projectContent .buttonContent{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.phone main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button{background:#181717;border:none;border-radius:5px;color:#fff;padding:10px 0;transition:all .3s;width:140px}.phone main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button:hover{background:#fff;color:#181717}.phone main .project .innerproject .projectcard:first-child{background:url(/static/media/AI.e9630b4a3909839ce404.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(2){background:url(/static/media/reactjs.e0df116529566f2aa356.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(3){background:url(/static/media/ChatVector.0c957900ac193339412e.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(4){background:url(/static/media/overtime.d171d5f5f7fa1f1c875b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(5){background:url(/static/media/overtime2.c1fb73615b4ad15a11d7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(6){background:url(/static/media/photoAlbum.563b1ea81c70bb38b857.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(7){background:url(/static/media/Application.13a7db1cc5b882a1840a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(8){background:url(/static/media/Weather.9be3c9c18d672da8fe2a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:nth-child(9){background:url(/static/media/shopApp.1d6f812167ba5f69ec25.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.phone main .project .innerproject .projectcard:hover .coverpage{background:hsla(0,2%,9%,.569);bottom:0;height:90%;position:absolute}.phone main .project .innerproject .projectcard:hover .coverpage .projecttext{height:50px}.phone main .contact{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:15px}.phone main .contact .innercontact,.phone main .contact .innercontact .formContent{width:100%}.phone main .contact .innercontact .formContent form{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;margin:0}.phone main .contact .innercontact .formContent form input,.phone main .contact .innercontact .formContent form textarea{border:2px solid #000;border-radius:5px;font-size:1rem;outline:none;padding:15px 5px;width:95%}.phone main .contact .innercontact .formContent form textarea{height:15vh}.phone main .contact .innercontact .formContent form button{background:#190482;border:2px solid #190482;border-radius:5px;color:#fff;padding:15px 5px;text-align:center;transition:all .3s;width:100%}.phone main .contact .innercontact .formContent form button:hover{background:#fff;color:#190482}.phone footer{background:#272727;color:#fff;flex-direction:column;gap:10px;padding:10px 20px;position:relative}.phone footer,.phone footer .botttomFooter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.phone footer .botttomFooter{padding:50px}.phone footer .innerFooter{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 0}.phone footer .innerFooter .portfolio,.phone footer .innerFooter .portfolio:nth-child(2){width:100%}.phone footer .innerFooter .portfolio:nth-child(2) li{-webkit-user-drag:none;cursor:pointer;list-style:none;transition:all .3s;user-select:none;-webkit-user-select:none}.phone footer .innerFooter .portfolio:nth-child(2) li:hover,.phone footer .innerFooter .portfolio:nth-child(3) span{color:#ffbb5c}.phone footer .innerFooter .portfolio:nth-child(3) .links{display:flex;flex-wrap:wrap;gap:15px}.phone footer .innerFooter .portfolio:nth-child(3) .links div{align-items:center;background:#fff;border:3px solid #fff;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1rem;height:5px;justify-content:center;object-fit:cover;padding:10px;text-align:center;transition:all .3s ease-in-out;width:5px}.phone footer .innerFooter .portfolio:nth-child(3) .links div:hover{background:#000;border:3px solid #000;color:#fff;font-size:1rem}.tab{position:relative}.tab .top{background:#181717;border-radius:50%;bottom:100%;color:#fff;cursor:pointer;height:20px;object-fit:cover;opacity:0;padding:10px;position:absolute;position:fixed;right:16px;text-align:center;transition:all .3s ease-in;width:20px}.tab .show{bottom:8px;opacity:1;transform:rotate(-180deg)}.tab nav{height:6.3vh;position:fixed;width:100%;z-index:1000}.tab nav .link{align-items:center;background:#fff;display:flex;flex-direction:column;gap:20px;height:93.7vh;left:-100%;padding:15px 0;position:absolute;transition:all .3s;width:80%}.tab nav .link li{cursor:pointer;font-size:1.5rem;list-style:none}.tab nav .link .activeSection{border-bottom:2px solid #fd5949;color:#fd5949}.tab nav .link.active{left:0}.tab nav .innerNavbar{align-items:center;background:#fff;display:flex;justify-content:space-between}.tab nav .innerNavbar .logo{padding-left:15px}.tab nav .innerNavbar .hamburgs{cursor:pointer;display:block;padding-right:15px}.tab nav .innerNavbar .hamburgs .bar{background:#000;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.tab nav .innerNavbar .hamburgs.active .bar:nth-child(2){opacity:0}.tab nav .innerNavbar .hamburgs.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.tab nav .innerNavbar .hamburgs.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.tab header{height:100vh;padding:0 100px}.tab header,.tab header .innerHeader{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.tab header .innerHeader{background:none;height:100%;width:100%;z-index:999}.tab header .innerHeader .innerImg img{animation:animate 5s ease-in-out infinite;box-shadow:0 5px 5px 5px rgba(13,110,253,.284);max-width:70vw;object-fit:cover;transition:all 5s ease-in-out;width:100%}@keyframes animate{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:20% 60% 70% 40%/50% 60% 30% 60%}}.tab header .innerHeader .innerText{display:flex;flex-direction:column;padding:0;width:100%}.tab header .innerHeader .innerText .innerHeaderFirst,.tab header .innerHeader .innerText .innerHeaderSecond{font-size:2.5rem}.tab header .innerHeader .innerText .innerHeaderThrid,.tab header .innerHeader .innerText .innerHeaderThrid .innerinnerHeaderThrid{font-size:2rem}.tab header .innerHeader .innerText button{background:#190482;border:none;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.553);color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin:10px 0;object-fit:cover;padding:15px;transition:all .3s;width:30vw}.tab header .innerHeader .innerText button i{transition:all .3s}.tab header .innerHeader .innerText button:hover span i{padding:0 5px;transform:rotate(90deg)}.tab header .innerHeader .innerText .profileLink{display:flex;gap:10px}.tab header .innerHeader .innerText .profileLink span{background:#fff;font-size:3rem;transition:all .3s}.tab header .innerHeader .innerText .profileLink span:first-child{background:#316ff6;-webkit-background-clip:text;color:#0000}.tab header .innerHeader .innerText .profileLink span:nth-child(2){background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-background-clip:text;color:#0000}.tab header .innerHeader .innerText .profileLink span:nth-child(3){background:#181717;-webkit-background-clip:text;color:#0000}.tab header .innerHeader .innerText .profileLink span:nth-child(4){background:#0077b5;-webkit-background-clip:text;color:#0000}.tab header .innerHeader .innerText .profileLink span:nth-child(5){background:#08c;-webkit-background-clip:text;color:#0000}.tab header .innerHeader .innerText .profileLink span:nth-child(6){background:#25d366;-webkit-background-clip:text;color:#0000}.tab main{background:#fff;padding:0 30px;position:relative}.tab main,.tab main .aboutme{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.tab main .aboutme{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;text-align:center}.tab main .aboutme .inneraboutme{display:flex;flex-wrap:wrap;justify-content:center;padding:4vw 0;width:100%}.tab main .aboutme .inneraboutme .innerinneraboutme{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:2vh;justify-content:center;width:100%}.tab main .aboutme .inneraboutme .innerinneraboutme img{border:4px solid #fff;border-radius:10px;box-shadow:0 0 5px hsla(0,0%,50%,.516);filter:brightness(1.2);object-fit:cover;width:50vw}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;text-align:left}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .headeraboutmetext{font-size:2rem}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .subheaderaboutmetext{font-size:1.5rem}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .parheaderaboutmetext,.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext .pointheaderaboutmetext{font-size:1rem}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button{background:#1b262c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:15px;transition:all .3s;width:120px}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button i{transition:all .3s}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover{background:none;border:3px solid #1b262c;color:#1b262c}.tab main .aboutme .inneraboutme .innerinneraboutme .inneraboutmetext button:hover i{padding:0 1px}.tab main .skill{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px}.tab main .skill .innerskill{border-radius:10px;color:#fff;gap:30px;height:100%;object-fit:cover}.tab main .skill .innerskill,.tab main .skill .innerskill .skillcart{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.tab main .skill .innerskill .skillcart{background:#272829;border-radius:15px;box-shadow:0 0 10px rgba(39,40,41,.498);flex-direction:column;height:150px;width:120px}.tab main .skill .innerskill .skillcart img{object-fit:contain;width:100px}.tab main .education{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;text-align:center}.tab main .education,.tab main .education .inneredu{align-items:center;display:flex;flex-direction:column}.tab main .education .inneredu{flex-wrap:wrap;gap:50px;justify-content:center}.tab main .education .inneredu .schoolEduaction{background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.521);display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:80vw}.tab main .education .inneredu .schoolEduaction img{height:30vh;object-fit:cover;overflow:hidden;width:100%}.tab main .education .inneredu .schoolEduaction .innerEduText{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;padding:20px 10px;text-align:left}.tab main .education .inneredu .schoolEduaction .innerEduText .courseName{font-size:1.5rem}.tab main .education .inneredu .schoolEduaction .innerEduText .instName{font-size:1.2rem}.tab main .education .inneredu .schoolEduaction .innerEduText .compelteYear{font-size:1.8rem;margin-top:auto}.tab main .experience{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 100px;text-align:center}.tab main .experience .comImage .imageLogo{background-image:url(/static/media/TCS.NS.3b11b059975ab0ec786c.png);background-position:50%;background-repeat:no-repeat;background-size:100px;border-radius:50%;box-shadow:0 0 20px #3d3da1;height:200px;overflow:hidden;width:200px}.tab main .experience .comImage .imageContent{align-items:center;background-color:hsla(0,2%,9%,.631);color:#fff;display:flex;flex-direction:column;font-size:.5rem;gap:0;height:200px;justify-content:center;opacity:1;overflow:hidden;padding:0;transition:opacity .3s ease-in-out;width:200px}.tab main .experience .comImage .imageContent .innerExContent{text-align:left}.tab main .experience .comImage .imageContent .innerExContent p h2,.tab main .experience .comImage .imageContent .innerExContent p h3{margin-bottom:0}.tab main .experience .comImage .imageContent h1{color:#11f564}.tab main .experience .comImage .imageContentNone{opacity:0}.tab main .project{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px}.tab main .project .viewmore{background:none;border:2px solid #000;color:#000;font-size:1rem;margin-top:20px;padding:15px;transition:all .3s;width:300px}.tab main .project .viewmore:hover{background:#000;color:#fff;transform:scale(1.11115)}.tab main .project .innerproject{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.tab main .project .innerproject .projectcard{border-radius:5px;box-shadow:0 0 15px rgba(57,55,55,.674);height:275px;overflow:hidden;position:relative;width:300px}.tab main .project .innerproject .projectcard .coverpage{align-items:center;background:hsla(0,2%,9%,.569);bottom:0;height:50px;position:absolute;text-align:center;transition:all .3s;width:100%}.tab main .project .innerproject .projectcard .coverpage .projecttext{background:#181717;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:50px;justify-content:center;z-index:1}.tab main .project .innerproject .projectcard .coverpage .projectContent{padding:0 15px;text-align:left}.tab main .project .innerproject .projectcard .coverpage .projectContent p{color:#fff}.tab main .project .innerproject .projectcard .coverpage .projectContent .buttonContent{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.tab main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button{background:#181717;border:none;border-radius:5px;color:#fff;padding:10px 0;transition:all .3s;width:140px}.tab main .project .innerproject .projectcard .coverpage .projectContent .buttonContent button:hover{background:#fff;color:#181717}.tab main .project .innerproject .projectcard:first-child{background:url(/static/media/AI.e9630b4a3909839ce404.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(2){background:url(/static/media/reactjs.e0df116529566f2aa356.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(3){background:url(/static/media/ChatVector.0c957900ac193339412e.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(4){background:url(/static/media/overtime.d171d5f5f7fa1f1c875b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(5){background:url(/static/media/overtime2.c1fb73615b4ad15a11d7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(6){background:url(/static/media/photoAlbum.563b1ea81c70bb38b857.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(7){background:url(/static/media/Application.13a7db1cc5b882a1840a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(8){background:url(/static/media/Weather.9be3c9c18d672da8fe2a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:nth-child(9){background:url(/static/media/shopApp.1d6f812167ba5f69ec25.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tab main .project .innerproject .projectcard:hover .coverpage{background:hsla(0,2%,9%,.569);bottom:0;height:90%;position:absolute}.tab main .project .innerproject .projectcard:hover .coverpage .projecttext{height:50px}.tab main .contact{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:15px}.tab main .contact .innercontact,.tab main .contact .innercontact .formContent{width:100%}.tab main .contact .innercontact .formContent form{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;margin:0}.tab main .contact .innercontact .formContent form input,.tab main .contact .innercontact .formContent form textarea{border:2px solid #000;border-radius:5px;font-size:1rem;outline:none;padding:15px 5px;width:100%}.tab main .contact .innercontact .formContent form textarea{height:15vh}.tab main .contact .innercontact .formContent form button{background:#190482;border:2px solid #190482;border-radius:5px;color:#fff;padding:15px 5px;text-align:center;transition:all .3s;width:100%}.tab main .contact .innercontact .formContent form button:hover{background:#fff;color:#190482}.tab footer{background:#272727;color:#fff;flex-direction:column;gap:10px;padding:10px 20px;position:relative}.tab footer,.tab footer .botttomFooter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.tab footer .botttomFooter{padding:50px}.tab footer .innerFooter{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 0}.tab footer .innerFooter .portfolio,.tab footer .innerFooter .portfolio:nth-child(2){width:100%}.tab footer .innerFooter .portfolio:nth-child(2) li{-webkit-user-drag:none;cursor:pointer;list-style:none;transition:all .3s;user-select:none;-webkit-user-select:none}.tab footer .innerFooter .portfolio:nth-child(2) li:hover,.tab footer .innerFooter .portfolio:nth-child(3) span{color:#ffbb5c}.tab footer .innerFooter .portfolio:nth-child(3) .links{display:flex;flex-wrap:wrap;gap:15px}.tab footer .innerFooter .portfolio:nth-child(3) .links div{align-items:center;background:#fff;border:3px solid #fff;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1rem;height:5px;justify-content:center;object-fit:cover;padding:10px;text-align:center;transition:all .3s ease-in-out;width:5px}.tab footer .innerFooter .portfolio:nth-child(3) .links div:hover{background:#000;border:3px solid #000;color:#fff;font-size:1rem}.loader{align-items:center;background:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center;transition:all 1s;width:100%}.loader .loaderAnimation{width:10vw}@media screen and (max-width:500px){.loader .loaderAnimation{width:60vw}}@media screen and (min-width:501px)and (max-width:1200px){.loader .loaderAnimation{width:40vw}}