nav{z-index:999;width:100vw;top:16px;transition:.5s ease}.nav-pos{transform:translateY(-72px)}.custom-navbar{height:56px;width:60px;transform:translateY(-15vh);overflow:hidden;box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.nav-items{font-size:larger}.theme{height:25px;border:none;background-color:transparent}.theme-icon{height:25px}.light-mode{opacity:0}.bi-moon-stars-fill{color:#fff}.dark-mode{transform:translateY(-25px)}.bi{height:25px;transition:.75s ease}.menu{display:none}.menu-item,.logo{font-size:large;text-decoration:none}.nav-item-last{border:none!important;background-color:transparent}.nav-item{text-decoration:none;transition:.5s ease}.navbar-left,.navbar-right{overflow:hidden;opacity:0}.navbar-right{padding-right:9.6px}.pill-bg{width:90.34px;height:100%;box-shadow:#a1c4fd 0 -32px 32px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px;z-index:-1;right:9.6px;transition:.7s ease}.pill-bg:before{opacity:0}.nav-item:nth-child(3):hover~.pill-bg{right:99.94px;width:107.24px;transition:.7s ease}.nav-item:nth-child(2):hover~.pill-bg{right:207.18px;width:77.74px;transition:.7s ease}.nav-item:nth-child(1):hover~.pill-bg{right:284.92px;width:103.64px;transition:.7s ease}.offcanvas-body{width:100%}.portfolio-main{width:100vw;overflow-x:hidden;transition:.5s ease}.portfolio-wrapper{width:200vw}.portfolio-wrapper::-webkit-scrollbar{width:0px}.portfolio{height:100vh;transition:.5s ease;width:150vw}.portfolio-section{width:100vw;transition:.5s ease}.portfolio-img{transform:translateY(-500px);opacity:0}.cover-photo{height:400px;border-radius:50%;z-index:100}.social-img{width:50px;height:50px;z-index:90;position:absolute;border-radius:25px;top:0%;transition:500 ease-in-out}.translate-left{transform:translate(-50vw)}.cover-photo:hover~.social-img-1{top:-80px;transition:500 ease-in-out}.cover-photo:hover~.social-img-2{top:-80px;transition:500 ease-in-out}.cover-photo:hover~.social-img-3{top:-80px;transition:500 ease-in-out}#portfolio-desc{text-transform:uppercase;position:relative;color:transparent;font-size:70px;font-weight:700;transition:.5s ease}#portfolio-desc:before{content:attr(data-text);width:0;position:absolute;overflow:hidden;transition:all .3s ease-out;z-index:10;white-space:nowrap}#portfolio-desc:hover:before{width:100%;transition:all .5s linear}.name{color:#49b7df;color:#a1c4fd;-webkit-text-stroke:0px}.name:before{color:#49b7df;color:#a1c4fd;z-index:20}.word{height:100vh;width:100vw;z-index:100;font-size:210px;font-weight:700;line-height:230px;white-space:nowrap;overflow:hidden}.word-text{transform:rotate(10deg);z-index:100}.outer-circle,.middle-circle,.inner-circle{border-radius:50%;border:2px solid white;overflow:hidden}.outer-circle{width:45vw;height:45vw;z-index:120;transform:rotate(-10deg)}.middle-circle{width:30vw;height:30vw;z-index:140;transform:rotate(10deg)}.inner-circle{width:15vw;height:15vw;z-index:150;transform:rotate(-10deg)}@media screen and (max-width:768px){.word{font-size:150px;line-height:150px;white-space:normal;text-align:center}.outer-circle,.inner-circle,.middle-circle{width:100vw;height:100vw;white-space:normal;text-align:center}.middle-circle{width:60vw;height:60vw}.inner-circle{width:30vw;height:30vw}}.projects{overflow:hidden}.project-wrapper{width:100vw}.project-card{position:relative;overflow:hidden;width:80vw;transition:.5s ease;border-radius:32px}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease;opacity:0;z-index:90;border-radius:32px}.project-card:hover:before{opacity:1}.project-left{width:30%;z-index:100}.project-right{z-index:100}.project-img{width:54vw;border-radius:22px;box-shadow:#63636333 0 2px 8px}.project-name{font-size:larger;font-weight:600}.project-desc{font-size:14px}.project-button{font-weight:500;font-size:large;width:100%;transition:.5s ease;box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.project-button:hover{transition:.5s ease;box-shadow:#769bd780 0 -32px 32px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.work-project{height:100vh;width:100vw}.project-1{z-index:100}.project-2{z-index:120}.project-3{z-index:130}.project-4{z-index:140}.project-5{z-index:131}.main-middle{font-size:130px;font-weight:700;line-height:95px;padding:0 10px}.main-left,.main-right,.main-bottom{font-size:12px;font-weight:400}.main-bottom{padding:40px 12px}.button-left{text-decoration:none!important}@media screen and (max-width:800px){.project-desc{font-size:11px}}.techstack{height:100vh;width:100vw;overflow:hidden}.stack{font-size:32px;color:#fff;background-color:#212529;font-weight:600;z-index:900}.skills{z-index:800;width:100%}.tech-icon{padding:16px 40px;font-weight:600}.front-1,.front-2{width:100%}.icon-img{height:60px;transition:.3s ease-out}.icon-img:hover{scale:1.2;transition:.3s ease}.frontend,.backend,.devops{width:50%}@media screen and (max-width:600px){.skills{justify-content:space-evenly!important}.icon-img{height:50px}.stack{font-size:20px}.tech-icon{padding:8px 20px}}.contact{box-sizing:border-box;width:100vw;height:100vh;padding:32px 10%;z-index:900;position:relative;min-height:674px;transition:.5s ease}.contact-left,.contact-right{width:49%;height:100%;transition:.5s ease}.contact-img,.contact-info{width:100%;transition:.5s ease}.model{height:100%;width:100%}.contact-img{margin-bottom:2vh;height:100%}.contact-img img{height:400px;width:fit-content}.touch{font-size:16px;font-weight:600;transition:.5s ease;color:#49b7df}.chat{font-size:32px;font-weight:600;transition:.5s ease}.form-control{border:none!important;border-radius:10px}.form-control-2{border:none!important;border-radius:0!important;border-bottom:2px solid rgb(73,183,223)!important}textarea{max-height:200px!important;min-height:150px!important}.form-label{font-weight:500}.contact-info{height:100%}.email,.mobile{background-color:#fff;width:95%}.link{color:#212529}.mobile-model{display:none}@media screen and (min-width:600px) and (max-width:1400px){.contact{padding:32px 5%}}body{background-color:#fff;transition:1s ease;font-family:Raleway,sans-serif;width:100vw;cursor:none!important}::-webkit-scrollbar{width:1vh}::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}::-webkit-scrollbar-track{background-color:#fff}.cursor{width:30px;height:30px;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease;backdrop-filter:blur(2px);box-shadow:0 0 5px 2px #fff}.cursor-follower{width:30px;height:30px;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;border:1px solid black;transition:transform .15s ease;backdrop-filter:blur(2px)}@media screen and (max-width: 800px){.cursor,.cursor-follower{display:none}}body{overflow-x:hidden;box-sizing:content-box}.dark-theme-bg{background-color:#212529}.dark-theme-bg-light{background-color:#34383c}.dark-theme-text{color:#f5f5f5}.dark-theme-stroke{-webkit-text-stroke:1px white}.dark-theme-stroke:before{color:#fff}.dark-theme-border{border:3px solid whitesmoke}.dark-theme-shadow{box-shadow:#ffffff0d 0 -3px inset,#000 0 0 0 2px inset,#ffffff0f 0 4px 2px inset,#ffffff0a 0 0 24px 4px inset,#ffffff1f 0 1px 3px;box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.dark-theme-border-sm{border:1px solid whitesmoke}.dark-theme-gradient:before{background:linear-gradient(90deg,#34383c 0%,#212529 44%,#34383c 100%)}.dark-theme-gradient:hover:before{box-shadow:#ffffff0d 0 -3px inset,#000 0 0 0 2px inset,#ffffff0f 0 4px 2px inset,#ffffff0a 0 0 24px 4px inset,#ffffff1f 0 1px 3px;box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.light-theme-bg{background-color:#f5f5f5}.light-theme-bg-light{background-color:#fff}.light-theme-text{color:#212529}.light-theme-stroke{-webkit-text-stroke:1px #212529}.light-theme-stroke:before{color:#212529}.light-theme-border{border:3px solid #212529}.light-theme-shadow{box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.light-theme-border-sm{border:1px solid black}.light-theme-gradient:before{background:linear-gradient(90deg,rgba(194,233,251,1) 0%,rgba(161,196,253,1) 44%,rgba(194,233,251,1) 100%)}.light-theme-gradient:hover:before{box-shadow:#0000000d 0 -3px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@media screen and (max-width:800px){nav{position:fixed}.custom-navbar{padding:0 16px!important}.navbar-left,.navbar-right{margin:0%!important}.navbar-left{width:100%;justify-content:space-between!important;flex-direction:row-reverse!important}.loki{display:block!important}.menu-item{font-size:24px!important}.nav-item{display:none}.menu{display:block;color:#fff}.pill-bg{display:none}.portfolio-section{flex-direction:column-reverse!important;justify-content:center!important;gap:10vh;height:100svh;padding:0%!important}#portfolio-desc{font-size:32px!important;text-align:center!important}#portfolio-desc:hover:before{width:0px!important}.portfolio{width:100vw}.portfolio-img img{height:250px;transition:.5s ease}.project-img{width:100%}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:none;z-index:90;border-radius:0;box-shadow:none}.project-card:hover:before{opacity:1}.project-card{width:92vw;flex-direction:column-reverse!important}.project-left{width:100%}.main-middle{font-size:40px;font-weight:700;line-height:30px;padding:0 8px}.main-left,.main-right,.main-bottom{font-size:6px;font-weight:400}.work-project{height:70vh}.main-bottom{padding:20px 12px}.left-top{padding:16px 8px!important}.project-name{padding-bottom:4px!important}.contact-right{display:none!important}.contact{padding-left:0%!important;padding-right:32px!important;border-top-left-radius:0%!important;border-bottom-left-radius:0%!important}.contact-left{width:100%;padding:0 20px!important;border-top-left-radius:0%!important;border-bottom-left-radius:0%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.mobile-model{display:block!important;top:16px!important;width:100%}.contact-top{margin-top:0!important}.contact-top,.contact-bottom{width:100%}}@media screen and (max-width:1500px) and (min-width:1100px){.portfolio-desc{font-size:50px;transition:.5s ease}.portfolio-img img{height:300px;transition:.5s ease}}@media screen and (max-width:1100px) and (min-width:769px){.portfolio-desc{font-size:50px;transition:.5s ease}.portfolio-img img{height:300px;transition:.5s ease}.portfolio{display:flex!important;flex-direction:column!important;transition:.5s ease;justify-content:space-evenly!important}}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes hover-horizontal{0%,to{transform:translateY(0)}50%{transform:translate(-70px)}}@keyframes scale{0%,to{height:150px}50%{height:70px}}.common-btn{padding:10px 48px!important;color:#49b7df;background-color:#fff;border-radius:32px}.common-btn-2{padding:10px 48px!important;color:#fff;color:#000;border-radius:32px;transition:.5s ease;border:none!important;background-color:#c2e9fb80;box-shadow:#c2e9fb00 0 -32px 32px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}.common-btn-2:hover{transition:1s ease;box-shadow:#c2e9fb 0 -32px 32px inset,#fff 0 0 0 2px inset,#0000000f 0 4px 2px inset,#0000000a 0 0 24px 4px inset,#0000001f 0 1px 3px}