.hnav{display:flex;flex-direction:row;list-style:none;padding:0;margin:0;gap:1rem}.hnav li{padding:.7rem 2rem;transition:background-color .3s ease,transform .3s ease;border-radius:25px;font-weight:600;cursor:pointer}.hnav li:hover{background-color:#caf0f8;transform:scale(1.05);color:#000}.Navbar{display:flex;width:100vw;justify-content:space-between;align-items:center;padding:1rem 4rem;font-size:1rem;border-bottom:1px solid rgb(227,227,227);position:fixed;z-index:3;background-color:#fff}.logo{margin-left:4rem}.right{margin-right:4rem}@media (min-width: 768px){.hamburger{display:none}}@media (max-width: 768px){.hnav{display:none}.logo{margin-left:0}.right{margin-right:0}}@media (max-width: 480px){.Navbar{padding:1rem}.logo{font-size:1.2rem}}.vnavitem{font-weight:600}.vnavitem:hover{color:purple}#hamb{cursor:pointer}.hamburger{padding:.6rem;border-radius:30px;background-color:purple;color:#fff}.heromain{position:relative;height:90vh}.herocont{padding:8rem 2rem 2rem;display:flex;width:80%;margin:auto;z-index:2}@media (max-width: 500px){.herocont{width:100vw;overflow:hidden;padding-left:.5rem}.middle{position:relative;height:25rem}#mypic{position:absolute}}@media (min-width: 768px){.left{width:30vw;display:flex;flex-direction:column;gap:6rem}.greeting{padding:2rem;height:fit-content;background-color:#0000000a;box-shadow:#64646f33 0 7px 29px;font-weight:500;margin-top:5rem}.github{height:8rem}.mern{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:600;font-style:normal;padding:2rem;width:40vw;margin-top:12rem;height:fit-content;background-color:#fefcbf;box-shadow:#64646f33 0 7px 29px;font-weight:500;border-radius:10px 40px 16px;margin-left:4rem}}@media (max-width: 780px){.github{width:fit-content}.herocont{flex-direction:column}.greeting{padding:2rem;width:80vw;height:fit-content;background-color:#fefcbf;box-shadow:#64646f33 0 7px 29px;font-weight:500;border-radius:10px 40px 16px;margin-left:2rem}.mern{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:600;font-style:normal;padding:2rem;width:50vw;margin-top:4rem;height:fit-content;background-color:#0000000a;box-shadow:#32323d33 0 7px 29px;font-weight:500;border-radius:10px 40px 16px;margin-left:9rem}.left{display:flex;flex-direction:column;margin-top:2rem;gap:3rem}}.mern{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.greeting{animation-name:floating;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.main{display:flex;flex-direction:column;gap:.5em}.up,.down{display:flex;flex-direction:row;gap:.5em}.card1{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:90px 5px 5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.instagram{margin-top:1.5em;margin-left:2em;fill:#cc39a4}.card2{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 90px 5px 5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.twitter{margin-top:1.5em;margin-left:1.5em;fill:#0077b5}.card3{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 5px 90px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.github{margin-top:-2em;margin-left:2em}.card4{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 90px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.discord{margin-top:-1.5em;margin-left:1.2em;fill:#0f0}.card1:hover{cursor:pointer;scale:1.1;background-color:#cc39a4}.card1:hover .instagram{fill:#fff}.card2:hover{cursor:pointer;scale:1.1;background-color:#0077b5}.card2:hover .twitter{fill:#fff}.card3:hover{cursor:pointer;scale:1.1;background-color:#000}.card3:hover .github{fill:#fff}.card4:hover{cursor:pointer;scale:1.1;background-color:#0f0}.card4:hover .discord{fill:#fff}.social-login-icons{display:flex;align-items:center;gap:10px;-webkit-box-reflect:below 5px linear-gradient(transparent,#00000055)}.social-login-icons svg{width:40px}.social-icon-1,.social-icon-1-1,.social-icon-2,.social-icon-2-2,.social-icon-3,.social-icon-3-3,.social-icon-4,.social-icon-4-4{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50px;margin:20px 0 0}.icon svg{fill:#111}.socialcontainer{height:80px;overflow:hidden}.social-icon-1{transition-duration:.4s;background-color:#000;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.social-icon-1 svg,.social-icon-2 svg,.social-icon-3 svg,.social-icon-4 svg{opacity:0;transition-duration:.5s;transition-delay:.2s}.social-icon-1-1{transition-duration:.4s;background-color:#0000}.socialcontainer:hover .social-icon-1{transform:translateY(-70px)}.socialcontainer:hover .social-icon-1 svg,.socialcontainer:hover .social-icon-2 svg,.socialcontainer:hover .social-icon-3 svg,.socialcontainer:hover .social-icon-4 svg{opacity:1}.social-icon-2{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(72.44deg,#ff7a00 11.92%,#ff0169 51.56%,#d300c5 85.69%)}.socialcontainer:hover .social-icon-2{transform:translateY(-70px)}.social-icon-3{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:#316ff6}.socialcontainer:hover .social-icon-3{transform:translateY(-70px)}.social-icon-4{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(180deg,#812290,#4d227c 91%)}.socialcontainer:hover .social-icon-4{transform:translateY(-70px)}.siclick{cursor:pointer}.Introcont{min-height:100vh;max-height:fit-content;width:100vw;display:flex}.leftint{margin-top:4rem;width:50%}.rightint{margin-top:4rem;width:40%;text-align:left;padding-top:4rem;display:flex;flex-direction:column;gap:2rem}.imgcont{height:30rem;width:30rem;margin:auto;margin-top:5rem;overflow:hidden;margin-left:13rem}#desc{color:#5c5c5c}.imgcont{animation-name:floating;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}@media (max-width: 768px){.leftint{display:none}.rightint{margin:auto;width:80vw}}.button12{position:relative;margin-top:1rem;overflow:hidden;height:3rem;padding:0 2rem;border-radius:1.5rem;background:#3d3a4e;background-size:400%;color:#fff;border:none;cursor:pointer;width:15rem}.button12:hover:before{transform:scaleX(1)}.button12-content{position:relative;z-index:1}.button12:before{content:"";position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:0 50%;width:100%;height:inherit;border-radius:inherit;background:linear-gradient(82.3deg,#965de9 10.8%,#6358ee 94.3%);transition:all .475s}@media (min-width:500px){.skillsmain{min-height:100vh;max-height:fit-content;width:100vw;overflow:none;max-width:100vw;padding-top:8rem}.skillscont{max-height:80vh;min-height:20vh;width:90vw;margin:auto;padding:2rem}#sheading{margin-left:7rem}}@media (max-width: 500px){.skillscont{padding:2rem;max-height:fit-content}#sheading{margin-left:2rem}.skillsmain{max-height:fit-content}}.skill{width:fit-content;text-align:center;height:fit-content}@media (max-width: 500px){.skill{width:5rem;height:7rem}}#sicon{padding:.5rem}