*{margin:0%}#root{text-align:center}body{font-family:Saira,sans-serif}.main{display:flex;height:100dvh;align-items:center;justify-content:center;overflow:hidden}.left{max-width:600px;z-index:3}.greet1{animation:greet .4s ease-out 1 alternate}@keyframes greet{0%{font-size:40%;margin-left:-150%}to{font-size:100%;margin-left:0%}}.greet2{animation:greet2 .3s ease-in 0s 1 alternate}@keyframes greet2{0%{opacity:0%}to{opacity:100%}}.typing-effect{display:inline-block;font-family:Saira Stencil One,sans-serif;overflow:hidden;white-space:nowrap;position:absolute;border-right:4px solid;animation:typing 1.7s steps(12) forwards,blinkCursor .25s step-end 10}@keyframes typing{0%{width:5%}to{width:100%;border-right:none}}@keyframes blinkCursor{50%{border-color:transparent}}.skills{height:50px;overflow:hidden;margin:20px 0 15px;animation:skills .3s ease-in 1 alternate forwards}@keyframes skills{0%{transform:translate(-100%)}to{transform:translate(0)}}.skill{height:100%;animation:slide 5s ease-in-out infinite alternate}@keyframes slide{50%{transform:translateY(-50px)}to{transform:translateY(-100px)}}.sName{height:50px;display:flex;align-items:center;font-size:1.3em;font-weight:500;animation:skill .5s ease-in 1 alternate}@keyframes skill{0%{opacity:0%}50%{opacity:70%}to{opacity:100%}}.btn{animation:btn .5s ease-in 1 alternate}@keyframes btn{0%{opacity:0%}50%{opacity:40%}to{opacity:100%}}.right{flex-grow:1;position:relative;height:100dvh;align-items:center;overflow:hidden;max-width:600px}.box{position:relative;height:100%;width:100%;overflow:visible;display:flex;justify-content:center;align-items:center;animation:backbox .4s ease-in-out 0s 1 alternate;overflow:hidden!important}@keyframes backbox{0%{transform:translate(100%)}to{transform:translate(0)}}.background{clip-path:polygon(51% 0,100% 0%,100% 100%,0% 100%);background-color:#ffdb58;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23070707' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.img{position:relative;width:80%;height:auto;z-index:2}@media (max-width:1199px){.right{flex-grow:1!important}.img{height:80dvh;width:60dvh}}@media (max-width:1000px){.typing-effect{font-size:3.2em!important}}@media (max-width:895px){.main{flex-direction:column}.background{display:none}.left{height:50dvh;align-content:center}.typing-effect{flex-direction:column;font-size:2.4em!important;display:inline!important;position:static!important}.skills{align-self:center;margin:10px 0 15px;height:40px}@keyframes skills{0%{opacity:0%}to{opacity:100%}}.btn{align-self:center;font-size:.8em!important;padding:.2em!important}.sName{justify-content:center;font-size:1em!important}.right{height:50dvh}.img{width:70%}@keyframes backbox{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-height:1000px) and (max-height: 1400px){.main{flex-direction:column}.left{flex:1;width:100dvw!important}.tab{text-align:center!important}.typing-effect{font-size:4em!important;margin:1em 0!important;width:80%!important}.greet1{font-size:2.5em!important;margin-bottom:1em!important}.skills{margin:2em 0}.sName{justify-content:center}.btn{margin-top:2em;align-self:center}.right{flex:1}.background{display:none}.img{opacity:90%;width:100%!important;height:100%}}.mul{height:100dvh;display:flex;overflow:hidden;max-width:1200px}.overview{display:flex;height:100dvh;align-items:center;justify-content:center}.heading{position:relative;writing-mode:vertical-rl;text-orientation:upright;font-size:2.8rem;height:100%;line-height:1.2em;z-index:9}.animate-heading{animation:projectH .25s ease-in 1 alternate}@keyframes projectH{0%{transform:translate(30em) rotate(180deg)}to{transform:rotate(0) translate(0)}}.list{flex:1.2;overflow-y:auto;height:85%;padding:.2em .4em .2em 0!important}.animate-list{animation:list .4s ease-out 1 alternate}@keyframes list{0%{transform:translate(-100%)}to{transform:translate(0)}}.project{flex:1.3;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.animate-project{animation:projectView .4s ease-in 1 alternate}@keyframes projectView{0%{transform:translate(100%)}to{transform:translate(0)}}.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.animate-heading,.animate-list,.animate-item,.animate-project{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}@media (max-width:895px){.mul{flex-direction:column;height:110dvh}.overview{flex-direction:column-reverse!important;height:105dvh;gap:15px}.heading{margin-top:.1em;font-size:1.5em;line-height:1.5em;writing-mode:horizontal-tb;text-orientation:sideways;width:100dvw}@keyframes projectH{0%{transform:translate(100%)}to{transform:translate(0)}}.project{flex-direction:column;width:95%}.list{width:95%;border-radius:15px}}@media (min-height:1000px) and (max-height: 1400px){.mul{width:100%;justify-content:left;gap:5em}.overview{flex-direction:column}}*{padding:0!important}.card{display:flex;border-radius:.2em!important;box-shadow:.2em .2em .2em .01em #2c2f3f!important;position:relative}.card:hover{border-left:.3em solid #ffffff}.card:has(.project-item.active){transform:scale(1.02);box-shadow:1;border-left:.3em solid #faf9f9;color:#000!important}.data{padding:1em!important}@media (max-width:1200px){.data{padding:.3em!important;line-height:1.1em}.data h2{font-size:large}.data p{font-size:.9em}}@media (max-width:560px){.project-item{justify-content:start}}.mainA{height:100dvh;display:flex;overflow:hidden;justify-content:center}.subMain{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.leftA{display:flex;width:33%;height:100dvh!important;align-items:center;justify-content:left}.rightA{display:flex;align-items:center;justify-content:center;width:67%}@media (max-width:895px){.mainA{height:95dvh}.subMain{flex-direction:column;align-items:center;justify-content:center}.leftA{width:100%!important;justify-content:center}.rightA{width:95%!important}}@media (min-height: 1000px) and (max-height: 1400px){.subMain{flex-direction:column;align-items:center}.leftA{width:50dvh}}.self{width:100%!important;border-radius:.2em!important;box-shadow:-.2em .2em .4em .01em #707270!important}.animate-self{animation:self .25s ease-in 1 alternate forwards}@keyframes self{0%{transform:translate(-100%)}to{transform:translate(0)}}.topS{display:flex;align-items:center;justify-content:center;font-weight:700}.bottomS{float:left;text-align:left;margin:.7em .3em .5em .8em;display:flex;flex-direction:column}@media (max-width:895px){.self{margin-top:1em;padding-bottom:1em!important;box-shadow:-.2em .2em .6em .01em #2f302f!important;letter-spacing:.03em}.bottomS{gap:.2em}}.exp{height:95%;width:100%;display:flex;border-radius:.2em;box-shadow:.2em .2em .4em .01em #a6a7a691;padding-left:.2em!important;padding-bottom:.2em!important;padding-top:.2em!important}.topE{height:100%;width:95%;display:flex;justify-content:space-around;align-items:end;overflow:hidden}.expMobile{display:none}.animate-allExp{animation:Expertise .25s ease-in 1 alternate forwards}@keyframes Expertise{0%{transform:translate(100%)}to{transform:translate(0)}}.bottomE{width:5%;font-size:1.8rem;font-weight:600;writing-mode:vertical-rl;text-orientation:upright;padding:0;display:flex;align-items:center;justify-content:center}@media (max-width:1200px){.exp{width:99%;flex-direction:column}.topE{width:99%}.bottomE{writing-mode:horizontal-tb;width:99%;font-size:1.5em}}@media (max-width:895px){.exp{flex-direction:column-reverse;height:100%;width:100%;padding-right:.2em!important;box-shadow:-.1em .1em .3em .01em #565756}.topE{display:none}@keyframes Expertise{0%{transform:translate(0)}to{transform:translate(0)}}.expMobile{display:block;width:90dvw;margin-top:.2em;overflow:hidden}.bottomE{width:100%;font-size:1.5rem;writing-mode:horizontal-tb;height:8%;font-size:larger;display:flex;align-items:center;justify-content:center}}.items{display:flex;flex-direction:column;width:100%;overflow:hidden}.details{display:flex;flex-direction:column;overflow:hidden;color:#000}.animate-exp{animation:items .8s ease-in 1 alternate forwards}@keyframes items{0%{transform:translateY(100%);opacity:0}10%{transform:translateY(90%);opacity:1}to{transform:translateY(0);opacity:1}}.title{border-top:.15em solid rgb(255,253,253);color:#fcfcf9;padding-bottom:.2em;background-color:#000;z-index:2}@media (max-width:1200px){.items{font-size:small;width:100%}}@media (max-width:895px){.items{flex-direction:column-reverse;border-top:0px;overflow:hidden}.title{padding:0 .2em;font-size:smaller;text-align:center;border-bottom:.15em solid black;border-top:0em}.details{display:flex;font-size:smaller}@keyframes items{0%{transform:translateY(-100%)}to{transform:translateY(0)}}}.one{background-color:#e34f26}.two{background-color:#1572b6}.three{background-color:#f7df1e}.four{background-color:#393}.five{background-color:#414040}.six{background-color:#47a248}.seven{background-color:#61dafb}.tech{height:1.8em;padding-right:.5em!important;display:flex;align-items:center;justify-content:right;margin-bottom:.05em!important;color:#000}.skillBox{display:flex;align-items:center;column-gap:.2em}.o1{background-color:#e34f26;width:70%}.t2{background-color:#1572b6;width:82%}.t22{background-color:#098eee;width:75%}.t3{background-color:#7952b3;width:65%}.f4{background-color:#f7df1e;width:77%}.f5{background-color:#61dafb;width:67%}.f55{background-color:#222;width:60%}.s6{background-color:#007fff;width:45%}.s7{background-color:#393;width:55%}.e8{background-color:#474747;width:30%}.n9{background-color:#47a248;width:25%}.animateTech{animation:tech .5s ease-in 1 alternate forwards}@keyframes tech{0%{transform:translate(-100%)}to{transform:translateX()}}.Box{display:flex;align-items:center}@media (max-width:520px){.tech{height:1.2em}}.page{height:95dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:1em;overflow:hidden}.animate-contact{animation:contact .3s ease-in 1 alternate forwards}.animate-head{animation:head .2s ease-in 1 alternate forwards}@keyframes head{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes contact{0%{opacity:0}to{opacity:1}}.animate-email{animation:email .3s ease-in 1 alternate forwards}@keyframes email{0%{transform:translate(100%)}to{transform:translate(0)}}.subPage{max-width:1200px;display:flex;flex-direction:column;align-items:center}.contact{display:flex;justify-content:space-between!important;align-items:center!important;flex-grow:.5}.dtls{flex:1}.emailBox{flex:1;display:flex;justify-content:right;width:100%!important;position:relative}@media (max-width:895px){.contact{flex-direction:column;align-items:center}.page{row-gap:.2em}.emailBox{display:none}@keyframes email{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-height: 1000px) and (max-height: 1400px){.contact{flex-direction:column;margin-top:2em}.emailBox{justify-content:center;margin-top:2em}}@media (max-width:520px){.contact{overflow:hidden!important;margin-top:1.5em}}.full{display:flex;flex-direction:column;align-items:start;justify-content:center}.contant{color:#000;text-align:start;width:95%}.freelance{display:flex;margin:1em}@media (max-width:895px){.full{width:95dvw;height:60dvh;align-items:center;margin-left:.5em}.contant{text-align:center}.freelance img{height:3em}.model{height:100dvh;width:100dvw;display:flex;justify-content:center;align-items:center}.freelance{justify-content:center}}@media (min-height: 1000px) and (max-height: 1400px){.full{align-items:center;margin-bottom:2em}.contant{text-align:center}.txt{font-size:1.5em!important}}.email{height:100%;display:flex;align-items:center}#filled-basic{margin:1.5em 0 .2em 1em!important}.input{display:flex;flex-direction:column;width:100%;justify-content:center;padding:1em!important}@media (max-width:895px){.email{width:500px!important;margin-top:50px;justify-content:center;justify-self:center}.input{padding:.5em!important;width:100%}#outlined-required{margin:0!important;padding:0 0 1em!important}}@media (max-width:550px){.email{width:96%!important;margin-left:2%;margin-right:2%;justify-self:left!important}}.parent{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:.4em}.child{width:50px;height:50px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:all .5s ease-in-out;border-radius:50%;margin:0 5px}.child:hover{background-color:#fff;background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,30deg);transform:perspective(180px) rotateX(40deg) translateY(2px);box-shadow:0 8px 3px #78881c}button{position:relative;border:none;background-color:transparent;font-size:20px;height:100%;width:100%}.button:hover{width:inherit;height:inherit;display:flex;justify-content:center;align-items:center;transform:translateZ(15px) perspective(180px) rotateX(-35deg) translateY(2px);border-radius:50%;cursor:pointer}@media (max-width:995px){.parent{margin-top:.8em}}.link{display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:all .5s ease-in-out;border-radius:50%;margin:5px}.link:hover{background-color:#fff;background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,30deg);transform:perspective(180px) rotateX(40deg) translateY(2px);box-shadow:0 10px 3px #78881c}.linkBtn{border:none;background-color:transparent;font-size:20px;padding:.25em!important}.linkBtn:hover{width:inherit;height:inherit;display:flex;justify-content:center;align-items:center;transform:translateZ(15px) perspective(180px) rotateX(-35deg) translateY(2px);border-radius:50%;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}