@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";.pixeldiv{width:70px;height:70px;background:#fff;z-index:10}.popsection{margin-top:100vh;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.myimage{will-change:transform;backface-visibility:hidden}.bg_patternholder{width:90vw;height:117vh;display:flex;z-index:-1}.bg_patternholder img{width:100%;height:100%;object-fit:cover}.backgroundpattern2nd{width:92vw;position:absolute;top:0;display:flex;justify-content:center;z-index:-1}.backgroundpattern2nd hr{border:1px solid #8080800d}.vertical_patterns{width:90%;display:flex;justify-content:space-between;height:80vh}.horizontal_patterns{position:absolute;width:100%}.horizontal_patterns hr{margin-top:10vh}.noise-overlay{position:absolute;left:0;top:0;width:100vw;height:100vh}.containerwaves{width:100%;height:35vh;border-radius:1em;overflow:hidden;position:relative}@media (max-width: 600px){.containerwaves{display:none}#avatar_ku{margin-top:5vh;flex-direction:column-reverse}.cursorcustomeone{display:none}}.iridescence-container{width:100%;height:100%}.wrapperRollingText{white-space:nowrap;font-family:Playfair Display,serif;margin-top:100vh;border-top:1px solid #6f6f6f}.rollingText{font-size:6vw;display:inline-block;padding-left:10px}.wrapperRollingText02{white-space:nowrap;font-family:Playfair Display,serif;margin-top:10px}.rollingText02{font-size:6vw;display:inline-block;padding-left:13px}.card_gnggg{position:absolute;width:50px;height:50px;margin-top:10px;background:#e01f1f}.backgroundsection{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}#ratneshholder{position:relative}.grid-container{width:92vw;top:0;position:absolute;height:70vh;opacity:.3}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#6464642e 2px,transparent 2px),linear-gradient(to bottom,#6464642e 2px,transparent 2px);background-size:50px 50px}.marquee{display:flex;padding:15px 0;margin:20px 0;white-space:nowrap;color:#ddd;justify-content:flex-end;background:#111;width:110vw;font-size:5rem;rotate:3.5deg;user-select:none;-webkit-user-select:none}.marquee[data-reversed=true]{justify-content:flex-start}.marquee span{display:block;padding:0 1ch}@media (max-width: 600px){.marquee{font-size:2rem}}.text-wrapper{overflow:hidden}.reveal-text{display:flex;gap:.5rem;font-size:3rem;font-family:sans-serif;color:#fff}.word-container{position:relative;overflow:hidden;display:inline-block;text-align:center}.separetorone{width:100vw;height:20vh}.word{display:inline-block;position:relative;z-index:1;color:#fff}.mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1e1e;z-index:2}.abouttext_wrapper{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.about-text{font-size:1.25rem;width:80%;margin:0 auto;line-height:1.7;color:#fff;display:flex;flex-wrap:wrap}.line-break{display:block;height:.1em;content:"";width:100vw}@media (max-width:700px){.about-text{font-size:1.1rem;width:90%}.about-text .funicons_skills{height:32px!important}}.hproj_container{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;overflow:visible}.projectholderH{position:relative;width:100vw;padding:1.5em 0;color:#fff;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);overflow:visible!important;z-index:1}.projectholderH:hover{z-index:10;color:#000}.projectholderH .background{position:absolute;width:100%;height:100%;background:#fff;z-index:-1;bottom:0;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.projectH_content{display:flex;align-items:center;gap:2rem;padding:0 5vw;position:relative;z-index:2}.project_id{rotate:-90deg;font-size:1.2rem;opacity:1}.project_name{font-size:3vw;font-weight:400;margin:0;transition:transform .2s ease-out}@media (max-width: 600px){.project_name{font-size:1.1em}.projectH_content{gap:1em}}.projectholderH:hover .project_name{transform:translate(8px)}.project_image_card{position:absolute;width:25vw;height:31vh;background-size:cover;background-position:center;border-radius:8px;z-index:5;filter:brightness(1.1) drop-shadow(0 10px 30px rgba(0,0,0,.3));transform:translate(-50%,-50%);will-change:transform;backface-visibility:hidden;transform-style:flat;pointer-events:none}.projectholderH{contain:layout}.project_image_card{will-change:transform}@media (max-width: 480px){.project_image_card{width:50vw;height:13vh}}.flexdiv{display:flex;width:90vw;justify-content:space-between;margin-bottom:5vh}.flexdiv p{color:#b8b8b8}.flexdiv .sc_headbg{transform:translate(40px) scale(1.5);border-radius:.8em;padding:.2em}.skills_container{width:90vw;min-height:100svh;gap:1px;position:relative;display:flex;flex-direction:column;gap:10vh}.skills_container h1{font-size:4vw;color:#fff}.sc_headbg{width:fit-content;position:relative}.sc_headbg:after{border-radius:.3em;top:0;left:-5px;rotate:5deg;content:"";position:absolute;width:100%;height:100%;background:#a259ff;z-index:-1;padding:0 5px}.skills_row{flex-wrap:wrap;width:100%;display:flex;align-items:center;justify-content:center;gap:1em}.patternsimg{width:10vw;height:40px;overflow:hidden;border-radius:5em}.patternsimg img{transition:all .2s ease;width:100%}.patternsimg:hover img{scale:1.2}.skills{position:relative;width:fit-content;height:40px;overflow:hidden;text-wrap:nowrap;display:flex;align-items:center;padding:.6em 1.5em;border-radius:2em;background:#fff;-webkit-user-select:none;user-select:none}@media (max-width:700px){.patternsimg{width:50vw}.skills_container h1{font-size:3em}.skills{height:32px;padding:.7em 1em}.patternsimg{height:32px}.funicons_skills{width:32px!important;height:32px!important}}#android:hover{color:#fff;background-color:#264de4}#mongodb{border:.3em solid white;background:#3dff57;color:#fff}#mongodb:hover{border:0em solid white}#appwrite{border-radius:0;background-color:#ff637d}#appwrite:hover{border-radius:2em}#css{background-color:#4326e4;border-radius:0 1em 1em;color:#fff}#css:hover{animation:morph 1s ease-in-out infinite}@keyframes morph{0%,to{border-radius:1em}25%{border-radius:.8em 2em 1em .5em}50%{border-radius:0 1em}75%{border-radius:0 .5em 5em}}#splinetool{background:linear-gradient(135deg,#ff5f6d,#ffc371,#42e695,#3bb2b8,#5f72ff);background-size:100% 100%}#splinetool:hover{background-size:300% 300%;animation:gradientMove 2s ease infinite}#javascript{background-color:#f0db4f}#javascript:hover{border-radius:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.funicons_skills{position:relative;border-radius:2em;width:40px;height:40px;display:grid;place-items:center;background:#fff;transition:all .5s ease}.funicons_skills svg,.skills_row svg,.skills_row .skills{transition:all .3s ease}#likeani:hover svg{transform:translateY(-5px) rotate(-13deg) scale(1.3)}#ideaAni{background:#000}#ideaAni:hover{background:#fff}#ideaAni:hover svg path:first-of-type{fill:#ffc371;color:#000}#pentool{overflow:hidden}#pentool:hover svg{transform:translate(-30px,20px)}#warning:hover svg{animation:warning 2s ease-in-out infinite}#jsont:after{content:""}#json:hover{color:transparent}#json:hover:after{content:"{json}";position:absolute;color:#000}#blender{background-color:#ffa75f}#blender:after{content:"";left:10px;color:#000;position:absolute}#noradiuse{border-radius:0}#blender:hover{border-radius:0;width:fit-content;color:transparent}#uiux{position:relative;overflow:visible;transition:all .5s ease;color:#000}#uiux:hover{border-radius:0;border:1px solid rgb(133,133,133)}#uiux:hover:before,#uiux:hover:after{content:"";position:absolute;border:2px solid black;width:10px;height:10px;background-color:#a259ff}#uiux:hover:before{left:-5px;top:-5px}#uiux:hover:after{bottom:-5px;right:-5px}#blender:hover:after{animation:Blender 3s ease-in-out infinite}@keyframes Blender{0%,to{content:"Blender"}25%{content:"Rendering"}50%{content:"Out of ram"}75%{content:"No responding"}90%{content:"Pc crash"}}#php{background-color:#5f72ff}#php:after{content:""}#php:hover{color:transparent}#php:hover:after{content:"X-X";position:absolute;color:#000}@keyframes warning{0%,to{fill:#f0db4f;scale:1}25%{fill:#f24e1e;scale:1}50%{fill:#f0db4f;scale:1.1}75%{fill:#f24e1e;scale:1}90%{fill:#f0db4f;scale:1.1}}#threed{border-radius:0}#threed:hover{transform:scale(1.2) rotateY(30deg) rotateX(30deg) rotate(-10deg)}#ideaAni:hover svg path{color:#000}#figma{background:#313131;color:#fff}#figma:hover{background:linear-gradient(90deg,#ff7262,#ff7262 20%,#f24e1e 20%,#f24e1e 40%,#a259ff 40%,#a259ff 60%,#0acf83 60%,#0acf83 80%,#f24e1e 80%,#f24e1e)}.userfriendly{background:#a259ff;padding:.2em 1em;text-align:center}.gsapshape1{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);transform:translateY(-5px)}.gsapshape1:hover>:nth-child(1){border-bottom-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:0}.gsapshape1:hover>:nth-child(2){border-radius:50% 0}.gsapshape1:hover>:nth-child(3){border-radius:50% 0}.gsapshape1:hover>:nth-child(4){border-radius:0 50%}.gsapshape1>:nth-child(1){border-bottom-right-radius:100%}.gsapshape1>:nth-child(2){border-bottom-left-radius:100%}.gsapshape1>:nth-child(3){border-top-right-radius:100%}.gsapshape1>:nth-child(4){border-top-left-radius:100%}.gsapel{transition:all .3s ease;width:100%;height:100%;background:#246ce0}#idkshape1:hover{transition:all .3s ease;rotate:180deg;scale:1.1}#scaleup:hover{scale:1.2}.text_skill{padding:.5em 1em;border-radius:2em;font-weight:500;color:#fff;text-align:center}.text_skill.even{background-color:transparent;border:2px solid white}.text_skill.odd{background-color:#a658ff}.scroll-track{position:fixed;top:35vh;right:12px;height:40vh;width:6px;background:#ffffff1a;border-radius:3px;z-index:50}.scroll-thumb{width:100%;background-color:#a658ff;border-radius:3px;transition:transform .2s ease-out}.wrapperforprojects{width:90vw;overflow:hidden;display:flex;align-items:center;flex-direction:column;gap:1em;margin-top:5vh}.posterholders{width:90vw;overflow:hidden;gap:1em;columns:4;column-gap:1em}@media (max-width: 400px){.posterholders{columns:2;column-gap:1em}}.heading_atproj{margin-top:5vh;margin-bottom:7vh;width:90vw}.heading_atproj .sc_headbg{padding:.5em;color:#fff;transform:translate(10px) scale(1.1)}.projwarapper{width:100%;display:flex;justify-content:space-between;gap:2em;position:relative!important}.datadetails{width:30%;overflow:hidden}.projimg{width:70%;height:100%;position:relative;overflow:hidden}.img-gradient-overlay{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#1e1e1e 0%)}.projimg img{width:100%;height:100%;object-fit:cover}#idofproj{background:#a658ff;width:fit-content;padding:0 10px;margin-bottom:10px}.tags_container_atproj{display:flex;flex-wrap:wrap;gap:1em;margin-top:1.5em}.tag_atproj{padding:5px 1em;background:#fff;color:#000;transition:all .5s ease}.datadetails{width:30%;color:#fff}.projwarapper.even{flex-direction:row}.projwarapper.odd{flex-direction:row-reverse}@media (max-width: 800px){.projimg{width:90vw}.projwarapper{margin-bottom:20vh}.projwarapper.even.even,.projwarapper.odd.odd{flex-direction:column}.datadetails{width:100%}}@media (max-width: 500px){.projimg{height:fit-content}.projwarapper{margin-bottom:15vh!important}}@media (max-width: 350px){.projimg{height:fit-content}}@media (max-width: 600px){.projwarapper{margin-bottom:10vh!important}}.tag_atproj:hover{border-radius:2em;background-color:#a658ff;color:#fff}.projPosterimg{width:100%;height:fit-content;break-inside:avoid;margin-bottom:1em}.projPosterimg img{width:100%;height:100%;object-fit:cover}nav{width:90vw;height:9vh;display:flex;justify-content:space-between;padding:5px;align-items:center;z-index:110}#namenavratnesh{color:#fff;font-weight:400;letter-spacing:1px;display:inline-block}.nav-name-letter{display:inline-block;cursor:pointer}.nav_navigationlinks:hover .navlinks_counter{color:#a658ff}.navdiv{display:flex;gap:1.5em;align-items:center;font-size:1.05rem}.navlink{height:13vh;overflow:hidden;display:block}.navlink h1{display:inline-block}.nav_navigationlinks{position:relative}.navlinks_counter{height:20px;overflow:hidden;font-size:1.2rem}.underlinenav{position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#a658ff;transform-origin:left}.overlaynavbar{position:fixed;top:0;left:0;transform:translateY(-100vh);width:100%;height:100vh;background:#353535;display:flex;align-items:center;justify-content:center;visibility:visible;will-change:transform,opacity;z-index:99}.navtogglebtn{background:transparent;outline:none;border:none;color:#fff;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:.9em}.menucircle{width:1em;height:1em;max-width:2.5em;max-height:2.5em;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.menuline{width:50%;height:2px;background:#000;margin:2px 0;transform-origin:center}.mnl1{transform:translate(50px)}.mnl2{transform:translate(-50px)}.no-scroll{overflow:hidden;height:100vh;position:fixed;width:100%}html.full-height,body.full-height,#root.full-height{min-height:100vh!important;overflow:hidden!important}.transition_container{width:100vw;height:100svh;display:none;position:fixed;top:0;left:0;overflow:hidden;z-index:120}.tran_block{transform-origin:top center;z-index:120;width:20vw;height:0;break-inside:avoid;background-color:#000;position:relative;transform:translateY(-100%);will-change:transform,height;margin-right:-.5px;transform-style:preserve-3d;backface-visibility:hidden}.tran_block:last-child{margin-right:0}.navcontainer_content{z-index:130;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;padding:0 5vw;color:#fff}a{text-decoration:none;width:fit-content}.nav_navigationlinks{display:flex;color:#fff;gap:10px}.nav_navigationlinks h1{font-size:4.5vw;text-decoration:none}.sociallinksatnavbar{position:absolute;height:20vh;width:20vw;right:17vw;bottom:27vh;z-index:130;display:flex;flex-direction:column;gap:1vh;font-size:2vw;color:#fff}.sociallinksatnavbar a{color:#fff;display:flex;align-items:center;gap:.5em}.blf_n{width:1.5em!important;height:1.5em!important;border-radius:.3em!important}@media (max-width:700px){.navlink{height:60px;top:0}.sociallinksatnavbar{left:5vw;bottom:10vh;font-size:5vw}.nav_navigationlinks h1{font-size:2.5em}.navcontainer_content{transform:translateY(-20%)}.letstlak{font-size:.9em}}.letstlak{position:relative;border-radius:2em;background-color:#fff;color:#171717;overflow:hidden;cursor:pointer;padding:1vh 1vw}.letstlak .letstlak_button_inner{position:relative;display:inline-flex;overflow:hidden}.letstlak .letstlak_text_top{transform:translateY(0) skewY(0);transition:transform .3s}.letstlak .letstlak_text_bottom{position:absolute;top:0;left:0;transform:translateY(150%) skewY(20deg);transition:transform .3s}.letstlak:hover .letstlak_text_top{transform:translateY(-140%) skewY(23deg)}.letstlak:hover .letstlak_text_bottom{transform:translateY(0) skewY(0)}@media (max-width: 600px){#namenavratnesh{font-size:1.1em}.navdiv{gap:.5em}.sociallinksatnavbar a{width:90vw}}.abobutmedesignsec{margin-top:10vh;width:90vw;height:fit-content;font-size:7vw;color:#fff;margin-bottom:20vh;position:relative}.aboutblockmeitisatabout{width:100%;position:absolute;height:19vh;background:#a658ff;z-index:-1!important;transform:translateY(-80%)}.abts10,.abt10 .myimageidk{width:65%!important}.abt4{text-align:end;align-items:end;padding-top:60px;z-index:-1}.abt1 p span,.abt4 p span{color:#a658ff}.abt11{padding-top:50px;padding-left:20px;width:90%}.abt11 p span{color:#a658ff}.abouthandsek{width:35px;height:35px}.abt11 div h1{font-size:1.9em}.tagsectionidkwhy{width:100%;display:flex;align-items:center;justify-content:center;height:100%;position:relative}.uidesigneratabout,.Developeratabout{padding:2em 2.5em;position:relative}.uidesigneratabout{border:2px solid white;transform:translate(-20%,-50%) rotate(-8deg)}.uba50,.uba51,.uba52,.uba54{width:10px;height:10px;position:absolute;background:#a658ff;border:2px solid white}.uba50{top:-5px;left:-5px}.uba51{bottom:-5px;right:-5px}.uba52{top:-5px;right:-5px}.uba54{bottom:-5px;left:-5px}.Developeratabout{background:#a658ff;padding:2em 4em;z-index:-1;transform:translate(-30%) rotate(8deg)}.ataboutpageseparetorone{height:0vh}@media (max-width:600px){.abts10,.abt10 .myimageidk{width:100%!important}.ataboutpageseparetorone{height:35vh}.tagsectionidkwhy{transform:translateY(100px)}}@media (max-width:310px){.tagsectionidkwhy{display:none}}footer{width:100vw;display:flex;flex-direction:column;padding:0 5vw;color:#fff;align-items:center;justify-content:center;overflow:hidden;position:relative}.mainfooterji{width:90vw;height:95vh;position:absolute;background:#393939;z-index:-1;border-radius:1.5em;border:2px solid #303030}.plight_at_footer_l{left:-35%}.plight_at_footer_r{height:40vh!important;right:-5%;transform:translateY(250%)}.emptydivf{height:185vh}.pin-containerf{position:relative;width:100%;z-index:70;display:flex;align-items:center}.f_bottomrow,.links_box_f{width:100%;display:flex;justify-content:space-between;margin-bottom:3vh;z-index:71}.newrowf{margin-bottom:15px;color:#cecece}.f_bottomrow{padding:0 7vw;font-size:1.3rem}.boxlinks_f{width:2.3vw;height:2.3vw;background:#fff;display:grid;place-items:center;border-radius:2em;margin-top:5px;position:relative;overflow:hidden}.boxlinks_f svg{z-index:1}.boxlinks_f:before{content:"";width:100%;height:100%;background-color:#a658ff;position:absolute;transform:translateY(100%);transition:all .3s ease;border-radius:2em}.boxlinks_f:hover:before{transform:translateY(0)}.boxlinks_f:hover svg{color:#fff}.links_box_f{gap:1em}.innerwrappertalks{width:90%;height:80%;background:#000;position:absolute;z-index:1}.innerwrappertalks_blink{width:10px;height:100%;background:#fff;position:absolute;left:-10px;animation:blinking 1.5s ease-in-out infinite;opacity:0}@keyframes blinking{0%,to{opacity:0}50%{opacity:1}}.letstalksec{width:0vw;height:0svh;max-width:75vw!important;max-height:50vw!important;border:2px solid white;position:relative;margin-bottom:8svh}.talkmaintainig{display:flex;width:75vw;height:50vh;margin-left:8vw}.thecursor_tells{position:absolute;right:-3em;bottom:-3em}.talkwrapper,.letstalksec h1{width:75vw;height:50svh;overflow:hidden;position:absolute;display:grid;place-items:center;font-size:5vw!important}.fs1:after,.fs1:before,.fs2:after,.fs2:before{content:"";border:2px solid white;position:absolute;width:1em;height:1em;background-color:#a658ff}.fs1:after{top:-.5em;left:-.5em}.fs1:before{top:-.5em;right:-.5em}.fs2:after{bottom:-.5em;left:-.5em}.fs2:before{bottom:-.5em;right:-.5em}.imgelement{position:absolute;right:1vw;bottom:100vh}.contact{position:relative;height:fit-content}#contactmailfooter a{color:#fff;background:#a658ff;padding:0 .5em}.linecontact{position:absolute;width:3px;background-color:#fff;height:40%;bottom:0}.linecontact:before{content:"";width:5px;height:5px;position:absolute;background-color:#a658ff;border:1px solid white}.lc1{left:-5px}.lc2{right:-6px}.lc1:before{top:-10px;left:-2px}.lc2:before{right:-2px;bottom:-10px}@media (max-width:600px){.f_bottomrow{margin-bottom:0;flex-direction:column;gap:2vh;transform:translateY(-10vh);font-size:1rem}.links_box_f{width:fit-content}.talkwrapper{height:25svh}#contactmailfooter{width:fit-content}.boxlinks_f{height:2em;width:2em}}*{padding:0;margin:0;box-sizing:border-box;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-style:normal}body,html{width:100vw;height:fit-content;overflow-x:hidden}#root{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-x:hidden}#root::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{background:#1e1e1e;position:relative}::selection{background:#a658ff;color:#fff}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}section{width:90vw;height:100vh;display:flex;align-items:center;justify-content:space-between;position:relative}.herosection{color:#fff;width:92vw;height:100vh;z-index:10}.herotitles h1{font-size:12.2em;font-weight:500}.herotitles{margin-top:10vh}.herotohero{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center}.avtareyes{max-height:210px!important;min-width:210px!important;height:210px;background:#fff;border-radius:200px;padding:10px;margin-left:40px;position:relative;transition:all .1s ease-out;overflow:hidden}@media (max-width: 600px){.avtareyes{margin-left:0;margin-top:10vh}}.avtareyes:before{content:"";position:absolute;top:var(--y);left:var(--x);width:0;height:0;background:#a658ff;z-index:10;border-radius:50%;transform:translate(-40%,-40%);transition:.5s,top 0s,left 0s}.avtareyes:hover:before{width:500px;height:500px}.eyeballs{top:50%;left:50%;position:absolute;transform:translate(-50%,70%);width:75px;display:flex;justify-content:space-between;z-index:20}.eyeball{background:#000;width:10px;height:10px;border-radius:20px;position:relative;transition:transform .1s ease-out}.eyeball:after{content:"";position:absolute;width:5px;z-index:10;height:5px;top:0;right:-1px;background-color:#fff;border-radius:10px}.avtareyes img{width:100%;height:100%;object-fit:contain;z-index:19;position:relative}.myskillsathero{margin-right:2%;text-align:end;color:#8a8a8a}.autoswipe_tonextskillhero{height:30px;color:#a658ff;overflow:hidden}.myimage{width:90vw;background:#6c6c6c;height:234vh;border-radius:30px;position:absolute;z-index:5;bottom:0;overflow:hidden}@media (max-width: 600px){.aboutcreator{flex-direction:column;margin-bottom:60vh}.aboutcreatorabt{flex-direction:column}.myimage{height:90svh!important;border-radius:15px}}.myimage img{width:100%;height:100%;object-fit:cover}.myimage canvas{display:block;width:100%!important;height:100%!important}.aboutcreator,.aboutcreatorabt{position:relative;display:flex;gap:30px;width:90vw;min-height:100vh}.abts{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;color:#fff;position:relative}.abts p{color:#8a8a8a;width:80%}.abt2{position:relative!important;height:100%!important;align-items:center;justify-content:center;bottom:0!important}.myimageidk{height:90vh;width:100%;position:relative}.abt1{transform:translate(100%);opacity:.5;text-align:end;align-items:end;padding-top:60px;z-index:-1}.abt3{transform:translate(-100%);opacity:.5;z-index:-1;text-align:start;padding-bottom:40px;justify-content:end}.abt5{text-align:start;padding-bottom:40px;justify-content:end}.emptysection{width:90vw;height:100vh;display:block}.purplelighteffect{position:absolute;z-index:-1;width:40%;border-radius:50%;height:70vh;background:#a658ff;filter:blur(150px);opacity:.9}.plight_at_about{right:-45%}.plight_at_bottom{left:-40%}.howiwork{gap:10vh;font-weight:200;color:#fff;flex-direction:column;justify-content:center;height:auto}.howrows{width:100%;display:flex;justify-content:space-between}.howrows h3:nth-child(2){color:#8a8a8a}.tran_block_app{transform-origin:top center;z-index:120;width:20vw;height:100vh;break-inside:avoid;background-color:#000;position:relative;transform:translateY(0);will-change:transform,height;margin-right:-.5px;transform-style:preserve-3d;backface-visibility:hidden}.tran_block_app:last-child{margin-right:0}.heroloading{width:100vw;height:100vh;z-index:999;position:fixed;display:flex;pointer-events:auto;top:0}.heroloading.done{opacity:0;pointer-events:none}.topsectionincenterofload{width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:125;position:absolute}.Portfolioheading{height:60vh;justify-content:end;display:flex;flex-direction:column;font-size:12rem;position:absolute;bottom:2vh;left:10px;font-weight:700}#ranteshportfolio_heroloading{position:absolute;top:10px;left:15px;font-size:2rem;font-weight:300;transform:translateY(20px)}#port{transform:translateY(40px)}.Portfolioheading span:last-child{display:flex;overflow:hidden}@media (max-width:800px){.howrows{flex-direction:column}.howiwork{font-size:.9em}}@media (max-width:600px){.Portfolioheading{font-size:4rem}#ranteshportfolio_heroloading{font-size:1.1rem;transform:translate(-10px,33vh)}}