@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&family=Poppins:wght@400;500;600;700&display=swap);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}.max-width{margin:auto;max-width:100%;padding:1rem 5rem 0}@media (max-width:730px){.max-width{padding:1rem 2rem}}.navbar{background-color:transparent;font-family:poppins,sans-serif;padding:1.4rem 0;position:fixed;transition:all .6s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:999}.navbar .max-width{align-items:center;display:flex;justify-content:space-between}.navbar .max-width .logo{height:5rem;position:relative;width:22rem}.navbar .max-width .logo a{color:#111;font-size:2.6rem;font-weight:600;padding-left:5.4rem;position:relative;transition:color .3s ease}.navbar .max-width .logo a:after{content:"MERN DEVELOPER";font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.27rem;line-height:4rem;position:absolute;right:0;text-transform:uppercase;top:2rem}.navbar .max-width .logo a img{border:.3rem solid #111;border-radius:50%;height:4.8rem;left:0;padding:.4rem;position:absolute;top:.3rem;width:4.8rem}.navbar .max-width .logo:hover{-webkit-filter:opacity(.7);filter:opacity(.7)}.navbar .menu li{display:inline-block;list-style:none}.navbar .menu li .nav-link{color:#111;display:block;font-family:poppins,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.25rem;margin:2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.navbar .menu li .nav-link:hover{color:#fba754}.navbar .menu li .nav-link:before{-webkit-animation:animate 2s linear infinite alternate;animation:animate 2s linear infinite alternate;background-color:#fba754;border-radius:50%;content:"";display:none;height:.8rem;left:45%;position:absolute;top:-8px;width:.8rem}.navbar .menu li a.active:before{display:block}@-webkit-keyframes animate{0%{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}25%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{-webkit-transform:translateX(2rem);transform:translateX(2rem)}}@keyframes animate{0%{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}25%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{-webkit-transform:translateX(2rem);transform:translateX(2rem)}}.Sticky{background-color:#fff;border-bottom:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .6s ease}.menu-btn{cursor:pointer;display:none;flex-direction:column;height:2.5rem;justify-content:space-between;position:absolute;right:6rem;top:4rem;transition:-webkit-transform .65s ease-out;transition:transform .65s ease-out;transition:transform .65s ease-out,-webkit-transform .65s ease-out;width:5rem;z-index:999999}.menu-btn.active{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bar{background:#111;border-radius:.8rem;height:.4rem;width:100%}.bar.half{width:50%}.bar.start{-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .65s cubic-bezier(.54,-.81,.57,.57);transition:transform .65s cubic-bezier(.54,-.81,.57,.57);transition:transform .65s cubic-bezier(.54,-.81,.57,.57),-webkit-transform .65s cubic-bezier(.54,-.81,.57,.57)}.active .bar.start{-webkit-transform:rotate(-450deg) translateX(1.2rem);transform:rotate(-450deg) translateX(1.2rem)}.bar.end{align-self:flex-end;-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .65s cubic-bezier(.54,-.81,.57,.57);transition:transform .65s cubic-bezier(.54,-.81,.57,.57);transition:transform .65s cubic-bezier(.54,-.81,.57,.57),-webkit-transform .65s cubic-bezier(.54,-.81,.57,.57)}.active .bar.end{-webkit-transform:rotate(-450deg) translateX(-1.2rem);transform:rotate(-450deg) translateX(-1.2rem)}.nav-banner{align-items:center;background-color:rgba(255,166,0,.534);display:flex;font-size:1.4rem;gap:.5rem;height:3rem;justify-content:center;margin-top:-1.4rem;position:relative;width:100%}.nav-banner a{color:#000;font-weight:600}.nav-banner a i{font-size:1.3rem}@media (max-width:730px){.nav-banner{font-size:2rem}}#content{background:#fff;height:100vh;width:100%}#content .section{height:100%;padding:0 15rem;width:100%}#content .section .home{display:grid;grid-template-areas:"hero hero" "title bio";height:100%;width:100%}#content .section .home .hero{align-items:center;background:#f7f8fb;display:flex;grid-area:hero;justify-content:space-around;padding-top:6rem}#content .section .home .hero span{position:relative}#content .section .home .hero span img{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:35rem;object-fit:cover;width:35rem}#content .section .home .hero span:before{background:rgba(0,0,0,.08);border-radius:69% 31% 46% 54%/52% 60% 40% 48%;content:"";height:36rem;left:-2rem;position:absolute;top:-2rem;width:36rem;z-index:-1}#content .section .home .hero div .waterMark{color:#111;font-family:montserrat,sans-serif;font-size:7.6rem;font-weight:600;opacity:.1;padding-bottom:2rem}#content .section .home .title{grid-area:title;overflow:hidden;width:70%}#content .section .home .title .heading{font-family:poppins,sans-serif;font-size:2.6rem;font-weight:500;overflow:hidden}#content .section .home .title .para{color:#111;font-family:poppins,sans-serif;font-size:1.6rem;padding-top:1rem}#content .section .home .title a{color:#111;font-size:3.4rem;margin-right:1rem;transition:color .4s ease}#content .section .home .title .fb_link:hover{color:blue}#content .section .home .title .linkedin_link{margin-right:1.8rem}#content .section .home .title .linkedin_link:hover{color:#5252ff}#content .section .home .bio{grid-area:bio}#content .section .home .bio .name{position:relative}#content .section .home .bio .name h1{color:#111;font-family:poppins,sans-serif;font-size:8.2rem;font-weight:500;left:-6rem;position:absolute;top:-6rem}#content .section .home .bio .name span{color:#111;font-family:poppins,sans-serif;font-size:7.2rem;font-weight:500;left:9rem;position:absolute;top:.4rem}#content .section .home .bio .links{font-family:poppins,sans-serif;font-size:1.6rem;font-weight:600;left:0;position:relative;top:10rem}@media screen and (min-width:375px)and (max-width:667px){#content .section .home .bio .links{top:40rem!important}}#content .section .home .bio .links:after{background-color:#111;content:"";height:.2rem;left:0;position:absolute;top:100%;width:100%}#content .section .home .bio .links a{color:#111;padding:0 .4rem;transition:all .4s ease}#content .section .home .bio .links a:hover{color:#666}#Art{background-color:#f7f8fb;height:100vh;overflow:hidden}#Art,#Art .container{align-items:center;display:flex;justify-content:center;width:100%}#Art .container{height:100%}#Art .container .scroll_text{font-family:poppins,sans-serif;font-size:10rem;font-weight:700;line-height:8rem;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap}#Art .container .scroll_text span{-webkit-text-fill-color:transparent;-webkit-text-stroke:.2rem #111}#bio{background:#000;height:100vh;padding:0 5rem;position:relative;width:100%}#bio:before{background:url(/static/media/Mask.5a762c1786ba2665ff3b.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;content:"";-webkit-filter:contrast(120%);filter:contrast(120%);height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:1}#bio .bioContainer{height:100vh;position:relative;width:100%;z-index:2}#bio .bioContainer .bio-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}#bio .bioContainer .bio-wrapper h2{color:#fff;font-family:poppins,sans-serif;font-size:3rem;font-weight:400;padding-left:1rem;text-align:center;width:50%}#bio .bioContainer .bio-wrapper .imageBox{background-size:cover;height:auto;width:20rem}#bio .bioContainer .bio-wrapper .imageBox img{-webkit-filter:brightness(90%) contrast(120%);filter:brightness(90%) contrast(120%);height:100%;object-fit:contain;width:100%}@media screen and (max-width:768px){#bio{display:none}}@media screen and (min-width:768px)and (max-width:1023px){#bio{display:none}}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media (max-width:730px){#content{height:90vh}#content .section{padding:0 2rem}#content .section .home{grid-template-areas:"hero hero" "title title"}#content .section .home .title{margin-top:2.6rem;width:100%}#content .section .home .title .heading{font-size:4rem}#content .section .home .title .para{font-size:2.4rem}#content .section .home .title .social_links{margin-top:2rem}#content .section .home .title .social_links>a{font-size:5.4rem}#content .section .home .bio{display:none}#content .section .home .hero{flex-direction:column;grid-area:hero;padding:10rem 0 4rem}#content .section .home .hero .waterMark{display:none}#Art{height:40vh}#Art .container .scroll_text{font-size:6rem}#Art{display:none}}@media (min-width:732px)and (max-width:1023px){#content{height:100vh}#content .section{padding:0 5rem}#content .section .home .hero{flex-direction:column;grid-area:hero;padding:8rem 0}#content .section .home .hero .waterMark{display:none}#Art{height:60vh}#Art .container .scroll_text{font-size:7rem}#Art{display:none}}@media screen and (min-width:411px)and (max-width:731px){#content .section .home .title{margin-top:2.6rem;width:100%}#content .section .home .bio .links{top:28rem}#Art{display:none}}footer{font-family:poppins,sans-serif;height:60vh;padding:5rem;width:100%}footer hr{background-color:#111;height:.3rem}footer .footer_container{align-items:center;display:flex;height:100%;justify-content:space-around}footer .footer_container h1{font-family:Montserrat,sans-serif;font-size:3rem;margin-bottom:1rem}footer .footer_container p{font-family:poppins;font-size:1.6rem}footer .footer_container .mail{padding-top:1rem}footer .footer_container i{font-size:2rem}footer .footer_container a{color:#111;font-size:1.6rem;font-weight:500;margin-bottom:.4rem;position:relative;width:100%}footer .footer_container a:after{background-color:#111;content:"";height:.3rem;left:0;position:absolute;top:90%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:100%}footer .footer_container a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}footer .footer_container .contact_info{width:30%}footer .footer_container .social{display:flex;flex-direction:column}footer .footer_container .social a{font-family:poppins,sans-serif;width:54%}footer .footer_container .social a i{padding-right:1rem}footer .footer__content{font-family:poppins,sans-serif;font-size:1.8rem;text-align:center;text-transform:capitalize;width:100%}footer .footer__content span a{color:#111;font-weight:600}@media screen and (max-width:640px){footer{height:50vh}footer .footer_container{align-items:flex-start;flex-direction:column;height:100%;justify-content:space-evenly}footer .footer_container .contact_info{width:100%}footer .footer_container .contact_info .mail>a,footer .footer_container .contact_info p{font-size:2rem}footer .footer_container .social>a{font-size:2rem;width:100%}}@media screen and (min-width:768px)and (max-width:1023px){footer{height:40vh;padding:0}footer hr{margin:0 5rem}footer .footer_container{height:80%;justify-content:space-evenly}footer .footer_container .contact_info{width:50%}footer .footer_container .social{align-items:flex-start;justify-content:space-evenly}}@media screen and (max-width:740px){html{font-size:41%!important}}@media screen and (min-width:375px)and (max-width:667px){html{font-size:38%!important}}@media screen and (min-width:411px)and (max-width:760px){html{font-size:42%!important}}@media screen and (max-width:320px){html{font-size:30%!important}}@media screen and (min-width:760px)and (max-width:1024px){html{font-size:50%!important}}@media screen and (min-width:1024px)and (max-width:1350px){html{font-size:50%!important}}@media screen and (min-width:2560px){html{font-size:120%!important}}@media screen and (min-width:3260px){html{font-size:200%!important}}@media screen and (max-width:990px){.menu-btn{display:flex;z-index:9999}.navbar .menu{align-items:center;background-color:#f7f8fb;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:1.5rem 0 1rem;position:fixed;text-align:center;top:-100%;transition:all .6s ease;width:100%}.navbar .menu.active{left:0;top:0}.navbar .menu li{align-items:center}.navbar .menu li .nav-link{font-size:2.8rem}.navbar .menu li{padding:1rem 0}}.photography_section{display:flex;flex-direction:column;height:auto;margin:auto;padding:5rem;width:94%}.photography_section h4{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:.4rem;text-transform:uppercase}.photography_section h2{font-family:poppins,sans-serif;font-size:8rem;font-weight:600;text-transform:uppercase}.photography_section .photo_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;padding-top:1rem}@media (max-width:520px){.photography_section .photo_container{grid-template-columns:repeat(1,1fr)}}@media (min-width:522px)and (max-width:780px){.photography_section .photo_container{grid-template-columns:repeat(2,1fr)}}.photography_section .photo_container .imageBox{width:100%}.photography_section .photo_container .imageBox img{height:auto;object-fit:contain;transition:all .4s ease;width:100%}.photography_section .photo_container .imageBox img:hover{-webkit-filter:saturate(1.2) brightness(120%);filter:saturate(1.2) brightness(120%)}.photography_section .photo_container .imageBox h1{font-family:poppins,sans-serif;font-size:2.4rem;font-weight:500;margin-top:.8rem;text-align:center;text-transform:capitalize;width:100%}.photography_section .photo_container .imageBox h2{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:.4rem;text-align:center;text-transform:uppercase;width:100%}@media (max-width:320px){.photography_section h2{font-size:6rem}}.about{font-family:Poppins,sans-serif;height:122vh;margin-top:13rem;position:relative;width:100%}.about .width{margin:auto;max-width:90%;padding:0 5rem}section .title{font-family:poppins,sans-serif;font-size:6rem;margin-top:2rem;padding-bottom:4rem;position:relative;z-index:2}section .title,section .title:before{font-weight:600;text-align:center;text-transform:uppercase}section .title:before{content:"A few words";font-family:Montserrat,sans-serif;font-size:1.3rem;left:0;letter-spacing:.8rem;position:absolute;top:-1rem;width:100%}.about-content h1{font-size:10rem;font-weight:400}.about-content .about-right{float:right;width:66%}.about-content .about-right p{font-size:2.6rem;margin-top:2rem;text-align:justify}.about-content .about-right .about-sub{font-size:2rem;padding-top:2rem}.tools{background:#f7f8fb;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5rem;width:100%}.tools .container{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:4rem}.tools .container .heading{font-family:poppins,sans-serif;font-size:3rem;font-weight:300;text-transform:uppercase}.tools .container .content{align-items:center;display:flex;font-family:poppins,sans-serif;justify-content:space-around;padding-top:2rem;width:100%}.tools .container .content ul li{font-size:1.6rem;line-height:1;list-style:none;margin:1rem;overflow:hidden;padding:1.2rem;text-align:center}.tools .container .content ul li span{display:block;font-size:4rem}.tools .container .content ul li .html{color:#f16529}.tools .container .content ul li .css{color:#1572b6}.tools .container .content ul li .javascript{color:#e9d44a}.tools .container .content ul li .react{color:#61dafb}.tools .container .content ul li .express,.tools .container .content ul li .node{color:#699f5b}.tools .container .content ul li .mongo{color:#77b96b}.tools .container .content ul li .typescript{color:#007acc}.tools .container .content ul li .sass{color:#cb6699}.tools .container .content ul li .nestjs{color:#e32743}.tools .container .content ul li .svelte{color:#f73c00}.tools .container .content ul li .sql{color:#31648c}.tools .container .content ul li .python{color:#3d77a8}.tools .container .content ul li .docker{color:#438cc8}.tools .container .content ul li .redux{color:#7952b3}.tools .container .content ul li .postman{color:#ff6c37}.tools .container .content ul li .git{color:#f03c2e}.tools .container .content ul li .tailwind,.tools .container .content ul li .xd{color:#49aeb4}.tools .container .content ul li .figma{color:#f24e1e}.tools .container .content ul li .photoshop{color:#1abcfe}.tools .container .content ul li .illustrator{color:#f79500}.tools .container .content ul li .jest{color:#99424f}.tools .container .content ul li .cypress{color:#5c5c5e}@media (max-width:640px){.about{height:100vh}.about .width{max-width:100%;padding:0 2rem}.about .about-content h1{font-size:8rem;font-weight:400;text-align:center}.about .about-content .about-right{float:none;margin:auto;width:94%}.about .about-content .about-right .about-sub,.tools{padding:0}.tools{height:84vh}}@media (min-width:768px)and (max-width:1023px){.about .about-content .left{width:38%}.tools{padding:0}}#error{display:grid;height:100vh;place-items:center;width:100%}#error .container{align-items:center;display:flex;flex-direction:column}#error .container h1{font-size:6rem}#error .container h1,#error .container p{font-family:poppins,sans-serif;font-weight:500}#error .container p{font-size:3rem}#error .container a{background:none;border-bottom:.2rem solid #fba754;color:#111;font-size:2rem;font-weight:500;margin-top:2rem;padding:1rem 3rem;position:relative;transition:box-shadow .8s ease,-webkit-transform .8s ease;transition:box-shadow .8s ease,transform .8s ease;transition:box-shadow .8s ease,transform .8s ease,-webkit-transform .8s ease;z-index:4}#error .container a:hover{box-shadow:inset 0 -10rem #fba754;color:#fff}#projects{background:#fff;height:80vh;padding:5rem}#projects .container{display:flex;justify-content:center;padding-top:5rem}#projects .container .work{width:100%}#projects .container .work .title{font-size:6rem;position:relative}#projects .container .work .title:before{content:"Ui/ux designs";font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;left:0;letter-spacing:.8rem;position:absolute;text-align:center;text-transform:uppercase;top:-1rem;width:100%}#projects .container .work .main{align-items:center;display:flex;padding:5rem;pointer-events:none}#projects .container .work .main .heading{font-family:poppins,sans-serif;font-size:3rem;font-weight:400;width:100%}#projects .container .work .main .rotate{text-align:center;width:40%}#projects .container .work .main .rotate img{-webkit-animation:rotation 10s linear infinite;animation:rotation 10s linear infinite;height:20rem;mix-blend-mode:multiply;object-fit:cover;width:20rem}#webDesign{background:#f7f8fb;height:auto;overflow:hidden;padding:5rem}#webDesign .projects{width:100%}#webDesign .projects .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}#webDesign .projects .wrapper .link{border-bottom:.1rem solid #555;color:#111;list-style:none;margin:2rem 0;overflow:hidden;width:48%}@media (max-width:640px){#webDesign .projects .wrapper .link{width:100%}}#webDesign .projects .wrapper .link .banner{background-size:cover;overflow:hidden;pointer-events:none;transition:opacity .35s ease;width:40rem}#webDesign .projects .wrapper .link .banner img{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);height:100%;transition:-webkit-clip-path 1s cubic-bezier(.77,0,.175,1);transition:clip-path 1s cubic-bezier(.77,0,.175,1);transition:clip-path 1s cubic-bezier(.77,0,.175,1),-webkit-clip-path 1s cubic-bezier(.77,0,.175,1);width:100%}#webDesign .projects .wrapper .link .banner img.is-reveal{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}#webDesign .projects .wrapper .link .header{align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding-top:2rem;width:100%}#webDesign .projects .wrapper .link .header .caption{font-family:poppins,sans-serif;font-size:2.4rem;font-weight:500;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1);transition:transform 1s cubic-bezier(.77,0,.175,1);transition:transform 1s cubic-bezier(.77,0,.175,1),-webkit-transform 1s cubic-bezier(.77,0,.175,1);transition-delay:.4s;z-index:100}#webDesign .projects .wrapper .link .header .caption.is-reveal{-webkit-transform:translateY(0);transform:translateY(0)}#webDesign .projects .wrapper .link .header i{font-size:2.4rem;-webkit-transform:translateY(150%);transform:translateY(150%);transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1);transition:transform 1s cubic-bezier(.77,0,.175,1);transition:transform 1s cubic-bezier(.77,0,.175,1),-webkit-transform 1s cubic-bezier(.77,0,.175,1);transition-delay:.4s;z-index:100}#webDesign .projects .wrapper .link .header i.is-reveal{-webkit-transform:translateY(0);transform:translateY(0)}#webDesign .projects .wrapper .link .tags{overflow:hidden}#webDesign .projects .wrapper .link .tags .desc{font-size:1.8rem;margin-bottom:.4rem;position:relative;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition-delay:.8s;z-index:100}#webDesign .projects .wrapper .link .tags .desc.is-reveal{-webkit-transform:translateY(0);transform:translateY(0)}#webDesign .projects .wrapper .link .tags span{color:#111;display:inline-block;font-family:poppins,sans-serif;font-size:1.6rem;font-weight:400;position:relative;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition-delay:1s;white-space:nowrap;z-index:100}#webDesign .projects .wrapper .link .tags span b{font-weight:600}#webDesign .projects .wrapper .link .tags span.is-reveal{-webkit-transform:translateY(0);transform:translateY(0)}#webDesign .projects .wrapper .link .tags span span{font-weight:600}#webDesign .projects .wrapper .link .tags span:not(:last-child){margin-right:1.2rem;padding-right:1.8rem;position:relative}#webDesign .projects .wrapper .link .tags span:not(:last-child):after{background-color:#111;border-radius:10rem;content:"";height:.8rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.8rem}#webDesign .projects .wrapper .link .work_btns{font-size:1.8rem;margin:2rem 0;position:relative;width:100%;z-index:100}#webDesign .projects .wrapper .link .work_btns a{color:#111;margin-right:2rem;transition:all .4s ease}#webDesign .projects .wrapper .link .work_btns a i{padding-right:.4rem}#webDesign .projects .wrapper .link .work_btns a:hover{background-color:#111;border-radius:.8rem;color:#fba754;padding:.4rem 1rem}#illustration{background-color:#f7f8fb;overflow:hidden;padding:5rem;position:relative;width:100%}#illustration .container{height:100%;overflow:hidden;padding-top:1rem;width:100%}#illustration .container .heading h1{font-size:6rem;opacity:1;position:relative;z-index:4}#illustration .container .heading h1,#illustration .container .heading h1:before{font-family:Montserrat,sans-serif;font-weight:600;text-align:center;text-transform:uppercase}#illustration .container .heading h1:before{content:"Graphic & Vector";font-size:1.3rem;left:0;letter-spacing:.8rem;position:absolute;top:-1rem;width:100%}#illustration .container .illustrationWrapper{animation:marquee 30s linear 0s infinite alternate-reverse;-webkit-animation-play-state:running;animation-play-state:running;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4rem;height:100%;margin-top:4rem;min-width:300%;width:auto;z-index:1}#illustration .container .illustrationWrapper:hover{-webkit-animation-play-state:paused;animation-play-state:paused}#illustration .container .imageBox{margin-top:4rem;width:100%}#illustration .container .imageBox img{height:340px;object-fit:cover;width:300px}#illustration .container .AApyK,#illustration .container .hKjfKh,#illustration .container .lcyjPN{display:flex;gap:4rem}#illustrationV2{background-color:#f7f8fb;height:450vh;padding:5rem;position:relative;width:100%}#illustrationV2 .container{height:90vh;overflow:hidden;padding-top:1rem;position:-webkit-sticky;position:sticky;top:11rem}#illustrationV2 .container .heading h1{font-size:6rem;opacity:1;position:relative;z-index:4}#illustrationV2 .container .heading h1,#illustrationV2 .container .heading h1:before{font-family:Montserrat,sans-serif;font-weight:600;text-align:center;text-transform:uppercase}#illustrationV2 .container .heading h1:before{content:"Graphic & Vector";font-size:1.3rem;left:0;letter-spacing:.8rem;position:absolute;top:-1rem;width:100%}#illustrationV2 .container .illustrationWrapper{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4rem;height:100vh;overflow:hidden;padding-top:4rem;z-index:1}#illustrationV2 .container .imageBox{padding-top:4rem;width:100%}#illustrationV2 .container .imageBox img{height:400px;object-fit:cover;width:320px}#illustrationV2 .container .AApyK,#illustrationV2 .container .hKjfKh,#illustrationV2 .container .lcyjPN{display:flex;gap:4rem}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-94%);transform:translateX(-94%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-94%);transform:translateX(-94%)}}@-webkit-keyframes marquee2{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-210%);transform:translateX(-210%)}}@keyframes marquee2{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-210%);transform:translateX(-210%)}}@-webkit-keyframes marquee3{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-250%);transform:translateX(-250%)}}@keyframes marquee3{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-250%);transform:translateX(-250%)}}@media (max-width:680px){#illustration .container .heading h1{font-size:5rem}#illustrationV2{height:1050vh;padding:0}#illustrationV2 .container .imageBox img{height:60vh;object-fit:cover;width:80vw}#illustration .container .illustrationWrapper{-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-name:marquee3;animation-name:marquee3}#illustration .container .imageBox img{height:200px;object-fit:cover;width:148px}}@media (min-width:768px)and (max-width:924px){#illustration .container .heading h1{font-size:7rem}#illustration .container .illustrationWrapper{-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-name:marquee2;animation-name:marquee2}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotation{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media (max-width:640px){#projects{height:60vh;padding:2rem}#projects .container .work .main .heading{font-size:2.6rem}#webDesign{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#webDesign .projects .wrapper .link .banner{box-shadow:0 1px 4px rgba(0,0,0,.16)}}@media (min-width:768px)and (max-width:1023px){#work{height:60vh}#webDesign{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.contactPage{background:#fff;height:100vh;margin-bottom:10rem;overflow:hidden;padding:5rem;position:relative;width:100%}.contactPage .container{background:#f9fafb;border-top:.2rem solid #111;display:flex;height:84%;justify-content:space-between;position:relative;top:35%;width:100%;z-index:1}.contactPage .container .right{display:flex;flex-direction:column;font-family:poppins,sans-serif;height:100%;justify-content:center;padding:0 4rem;width:100%}.contactPage .container .right h1{font-family:Montserrat,sans-serif;font-size:3rem;padding-bottom:2rem}.contactPage .container .right .info{font-size:1.8rem;padding-bottom:1rem;text-align:justify;width:90%}.contactPage .container .right p{font-size:1.6rem;padding-bottom:1rem}.contactPage .container .right .mail{color:#111}.contactPage .container .right .address,.contactPage .container .right .gmail{color:#383838;font-size:2rem}.contactPage .container .right .social{padding:1rem 0;width:50%}.contactPage .container .right .social a{color:#424242;margin:0 3rem 0 0;transition:all .4s ease}.contactPage .container .right .social .fb{font-size:4rem}.contactPage .container .right .social .fb:hover{color:blue}.contactPage .container .right .social .linkedIn{font-size:4rem}.contactPage .container .right .social .linkedIn:hover{color:#0077b5}.contactPage .container .right .social .ig{font-size:4rem;transition:all .4s ease}.contactPage .container .right .social .ig:hover{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);background-clip:text;-webkit-background-clip:text}.contactPage .container .right .social .git{font-size:4rem}.contactPage .container .right .social .git:hover{color:#111}.contactPage:before{content:"Lets Work Together";font-family:Montserrat,sans-serif;font-size:6rem;font-weight:400;left:11%;letter-spacing:2rem;position:absolute;text-transform:uppercase;top:20%;z-index:1}@media screen and (max-width:728px){.contactPage:before{font-size:5rem}.contactPage{margin-bottom:0}.contactPage .container{flex-direction:column;gap:10rem;height:82%!important;top:22%!important}.contactPage .container .left iframe{height:150%;width:100%}.contactPage .container .right .info,.contactPage .container .right p{font-size:2rem}.contactPage .container .right .social{width:62%}.contactPage:before{top:10%;width:80%}}@media screen and (min-width:728px)and (max-width:1023px){.contactPage{height:120vh;margin-bottom:5rem}.contactPage .container{flex-direction:column;gap:10rem;height:82%!important;top:22%!important}.contactPage .container .left iframe{height:180%;width:100%}.contactPage:before{top:10%;width:80%}}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{overflow-x:hidden}html{font-size:62.5%;scroll-behavior:smooth}::-webkit-scrollbar{width:1.2rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#888;border-radius:5rem}::-webkit-scrollbar-thumb:hover{background:#555}.no-scroll{overflow-y:hidden}.smooth-scroll{scroll-behavior:smooth!important}.custom-cursor{border:.2rem solid #fba754;border-radius:100%;height:5rem;overflow:hidden;pointer-events:none;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);width:5rem;z-index:1212121}@media (max-width:950px){.custom-cursor{display:none}}.left_panel_background,.right_panel_background{background-color:#daddd8;height:100vh;position:absolute;width:50vw;z-index:21212121212}@media (max-width:640px){.left_panel_background,.right_panel_background{width:100vw}}.right_panel_background{background-color:#ecebe4;right:0}@media (max-width:640px){.right_panel_background{display:none}}.contactBox a{background:rgba(15,20,30,.3);border:0;border-radius:2.3rem;bottom:4rem;display:block;height:4.6rem;left:4rem;padding:1.3rem;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s cubic-bezier(.3,0,.5,1) .2s;width:4.6rem;z-index:20}.contactBox a i{color:#fff;display:block;float:left;font-size:2rem;margin-right:.8rem}.contactBox a span{color:#fff;display:block;font-size:1.4rem;font-weight:500;opacity:0;overflow:hidden;transition:width 0s linear .2s,opacity .2s cubic-bezier(.3,0,.5,1);width:0}.contactBox a:active,.contactBox a:hover{background:rgba(0,0,0,.9);transition:all .2s cubic-bezier(.3,0,.5,1);width:14rem}.contactBox a:active span,.contactBox a:hover span{opacity:1;transition:width 0s linear .2s,opacity .8s cubic-bezier(.3,0,.5,1);width:auto}.scroll-up-btn{bottom:0;opacity:0;pointer-events:none;right:5rem}.scroll-up-btn,.show{background:rgba(0,0,0,.3);border-radius:50%;color:#fff;cursor:pointer;font-size:3rem;height:5rem;line-height:4.5rem;position:fixed;text-align:center;transition:all .3s ease;width:5rem;z-index:998}.show{bottom:4rem;opacity:1;pointer-events:auto;right:6rem}.show:hover{background:rgba(0,0,0,.9)}@media (min-width:1812px)and (max-width:2560px){html{font-size:64.5%}}
/*# sourceMappingURL=main.f0823c8f.css.map*/