@font-face{font-family:YekanBakhFaNum;src:url(/fonts/YekanBakhFaNum-Regular.woff2) format("woff2"),url(/fonts/YekanBakhFaNum-Regular.woff) format("woff");font-weight:400;font-style:normal;unicode-range:U+0600-06FF}@font-face{font-family:Noxlock;src:url(/fonts/NoxlockRegular.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:YekanBakhFaNum;src:url(/fonts/YekanBakhFaNum-Bold.woff2) format("woff2"),url(/fonts/YekanBakhFaNum-Bold.woff) format("woff");font-weight:800;font-style:normal;unicode-range:U+0600-06FF}*{transition:background-color .4s ease,color .4s ease}:root{font-family:YekanBakhFaNum,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark{color:#ffffffde;background-color:#474747}strong,b{font-weight:700}a{font-weight:500;text-decoration:inherit;outline:none;-webkit-tap-highlight-color:transparent}html.dark a:hover{color:#535bf2}body{margin:0;padding-inline:10px;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.mainHeader button{border:1px solid transparent;font-weight:500;font-family:inherit;cursor:pointer}.mainHeader button:focus{outline:none}html.dark button{background-color:#ffffffde;color:#213547}html.light{color:#1b2b39;background-color:#ffffffde}html.light a:hover{color:#747bff}html.light button{background-color:#213547}html,body{margin:0;padding:0;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto!important;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;max-width:100vw;overscroll-behavior:none}body::-webkit-scrollbar{width:5px;background:transparent}*{box-sizing:border-box}.mainHeader{position:fixed;top:0;left:0;right:0;display:flex;flex:1;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin:15px auto 0;height:66px;max-width:800px;z-index:1000;border-radius:18px;padding-inline:15px;transition:.6s ease-in-out;direction:ltr}.mainHeader.home-style-header{max-width:100%;margin-top:5px;padding-inline:50px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,0)!important;box-shadow:none!important}.logo{display:inline-block;padding:0!important;width:42px;height:42px;margin-top:3px}.logo svg{width:42px;height:42px;display:block;fill:currentColor;transition:transform .3s ease}.logo svg .sides{transition:transform .3s ease}.logo-mobile{transform:scale(1.3);transform-origin:center}html.dark .mainHeader{background:#ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;border:1px solid rgba(255,255,255,.141);box-shadow:0 8px 32px #0000001a;color:#213547}html.dark .mainHeader a{color:#213547}html.light .mainHeader{background:#0000003d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;color:#ffffffde}html.light .mainHeader a{color:#ffffffde}html.dark .mainHeader.home-style-header,html.dark .mainHeader.home-style-header a{color:#ffffffde!important}html.light .mainHeader.home-style-header,html.light .mainHeader.home-style-header a{color:#213547!important}.mainHeader nav a{margin-right:10px;font-size:clamp(14px,2vw,17px)}.mainHeader a{cursor:pointer}.mainHeader nav{cursor:default}.mainHeader h1{font-size:clamp(40px,5vw,50px);display:inline-block}.mainPadding{padding-top:85px;transition:.5s}.themeMode{padding:0;transform:translateY(1px);margin-left:-4.7px;background-color:transparent!important;transition:.5s;font-size:clamp(15px,2vw,17px)}.mobileMenu{display:flex;align-items:center;justify-content:center;display:none;padding-top:4px}.desktpoMenu{display:flex;align-items:center;display:block}.RxHamburgerMenu{font-size:25px}html.dark .mainHeader.home-style-header svg{color:#ffffffde!important}html.light .mainHeader.home-style-header svg{color:#213547!important}.mobile-nav{position:absolute;top:90px;left:0;right:0;margin:0 auto;background:#fff;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100;padding:10px 20px;box-shadow:0 8px 16px #0000001a;width:60%;border-radius:15px}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{margin:8px 0;text-decoration:none;color:#333}.changeLan{font-size:clamp(12px,2vw,15px);border-radius:0;line-height:1px;height:auto;padding:7.8px 0;margin-bottom:5px;background-color:transparent!important;transition:.4s ease}html.dark .changeLan{border-bottom:1px solid #4e4e4e}html.light .changeLan{border-bottom:1px solid rgba(255,255,255,.87)}html.dark .mainHeader.home-style-header .changeLan{color:#ffffffde!important;border-bottom:1px solid rgba(255,255,255,.87)}html.light .mainHeader.home-style-header .changeLan{color:#213547!important;border-bottom:1px solid #4e4e4e}@media (max-width: 768px){.logo{margin-top:9px!important}.mobileMenu{display:block}.desktpoMenu{display:none}.mainHeader.home-style-header{padding-inline:4.5%!important;margin-top:15px!important}.mainPadding{padding-top:75px}.mainHeader{height:55px;width:90vw}}@media (min-width: 768px){.mobile-nav,.logo-mobile{display:none}.logo:hover svg .sides{transform:translateY(-2px)}}.section1{display:flex;align-items:center;justify-content:center}.section2{display:flex;flex-direction:column;align-items:center;width:100%}.section2>*{display:flex;flex-direction:row;justify-content:space-between;width:80%}.title1{font-size:50px;font-weight:800;display:"inline-block";transform-origin:bottom center;margin:0;direction:inherit!important}.titleSkillsM{font-size:45px;font-weight:800;display:"inline-block";transform-origin:bottom center;margin:0;direction:inherit!important}.skillListM{font-size:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.skillListM>*{display:flex;flex-direction:column;align-items:center;justify-content:center}.scroll-to-top-button{position:fixed;bottom:2rem;right:2rem;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:1000;padding:0;display:flex;align-items:center;justify-content:center;transition:.5s}html.light .scroll-to-top-button{background-color:#4e4e4e}html.dark .scroll-to-top-button{background-color:#ffffffde}.scroll-to-top-button:hover{opacity:.8}.progress-ring{display:block}html.light{--scroll-bg: #e0e0e02c;--scroll-fg: #e4e4e4;--arrow-color: #eee}html.dark{--scroll-bg: #bfbfbf;--scroll-fg: rgb(33, 53, 71);--arrow-color: #333}.s1{padding-top:50px;display:flex;justify-content:space-between;align-items:center}.s1about{width:60%;padding-bottom:20px}.s1about>:first-child{margin-bottom:2rem}.myAb{display:flex;flex-direction:column;height:100vh;justify-content:center;padding-top:7%}.myAb>*{display:flex;flex-direction:row;justify-content:start;margin-bottom:30px;gap:25px;align-items:center}.myAb img{width:80px}.myAb h1{font-size:large}.myAbM{display:flex;flex-direction:column;justify-content:center;padding-top:15%;width:100%}.myAbMItem{display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;gap:8px;align-items:center;min-width:40vw}.myAbM img{width:70px}.myAbM h1{font-size:15px}.abouttitr{overflow:hidden}.s2{flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:0px}.titleSkills{font-weight:800;font-size:100px;line-height:normal;margin:0}.skills{display:flex;flex-direction:column;transition:.5s;margin-top:20px;height:60vh;position:relative}html.dark .skills{border-top:1px solid rgba(255,255,255,.337)}html.light .skills{border-top:1px solid rgba(0,0,0,.337)}.skillsList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;opacity:0;direction:ltr}.skillsList>*{margin:20px;align-items:center;justify-content:space-between;display:flex;flex-direction:column}.skillsList h2{margin:0;font-size:large;text-align:center}.loadSkills{background-color:#b8b8b8;position:absolute;width:100%;z-index:2}.loadSkills2{background-color:#484848;position:absolute;width:100%;z-index:3}.s3{margin-top:100px;height:100px;background-color:#333;color:#fff;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:end;padding-right:400px;direction:ltr}.s3>*{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:20px;cursor:pointer;color:#eee}.s3 svg{transition:1s}.s3>*:hover svg{transform:translate(20px)}.s3>*:hover{color:#eee!important}.s3 h4{font-size:35px;margin:0;padding-bottom:10px}.s3M{box-sizing:border-box;margin-top:100px;height:100px;background-color:#333;color:#fff;width:100vw;overflow-x:hidden;display:flex;flex-direction:row;align-items:center;justify-content:start;direction:ltr;padding-inline-start:15%}.s3M>*{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:20px;cursor:pointer;color:#eee}.s3M svg{transition:1s}.s3M>*:hover svg{transform:translate(20px)}.s3M>*:hover{color:#eee!important}.s3M h4{font-size:28px;margin:0;padding-bottom:10px}.part1{overflow:hidden;border-radius:0 0 20px 20px;width:100%;height:100vh;display:flex;align-items:end;gap:0;transition:.8s}.part1>*{height:100vh;display:flex;flex:1;justify-content:center;align-items:end;position:relative;flex-direction:row}.iconsWrapper{position:relative;width:100%;height:90vh;display:flex;justify-content:center;align-items:center}.circleBackground{position:absolute;width:500px;height:600px;z-index:0;top:20%;left:0%;transform:translate(-10%);background:#ffffff2a;border-radius:70px;padding:20px;border:1px solid rgba(255,255,255,.2)}.imgme{background-image:url(/img/MehranKH.webp);background-size:contain;background-position:bottom center;background-repeat:no-repeat;height:90vh;width:100%;min-width:370px;position:relative;z-index:1}.icon{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:absolute;width:70px;height:70px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease;z-index:2}.icon svg{width:100%;height:auto}.icon1{top:35%;left:0%}.icon2{top:25%;right:15%}.icon3{bottom:20%;left:14%;padding:5px}.icon4{bottom:30%;padding:5px;right:1%}.icon:hover{transform:scale(1.1)}.hi{flex-direction:column;justify-content:center;align-items:start;display:flex;flex:1.5}.hi p{font-size:clamp(27px,3vw,30px);font-weight:800;margin:0}.hi h1{font-size:clamp(28px,3vw,35px);margin-top:0}.hi h1 .highlight{font-weight:800;font-size:clamp(29px,3vw,50px)}html.light .hi h1 .highlight{color:#433f79}html.dark .hi h1 .highlight{color:#d0cdfd}.hi h2{font-size:clamp(16px,3vw,22px)}.links{display:flex;justify-content:start;align-items:center;width:100%;margin-top:10px;transition:.7s}.scrollDown{width:50;height:50}.icon-wrapper{color:#919191;text-shadow:10 10 10px #919191}@media (max-width: 768px){.part1 p{font-weight:800!important;font-size:2rem}.part1 .highlight{font-weight:800!important;font-size:35px!important}.part1 h2{font-weight:800!important;font-size:18px!important}.iconsWrapper,.scrollDownPC,.imgme{display:none}.hi{background-image:url(/img/MehranKH_faded.webp);background-size:contain;background-position:center bottom 16vh;background-repeat:no-repeat;justify-content:end;padding-bottom:21vh}.hi h2{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border-radius:20px;padding:10px!important;border:1px solid rgba(255,255,255,.2);width:auto;display:flex;max-width:210px;font-weight:800}.links{column-gap:10px}.section1{height:70vh}html.light .part1{background-image:url(/img/stacked-waves-haikei.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom}html.dark .part1{background-image:url(/img/stacked-waves-haikei.dark.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom}.part1{padding-inline-end:2%;padding-inline-start:30%}.faHi>*{transform:translate(22vw)}.enHi>*{transform:translate(-22vw)}}@media (min-width: 768px){.scrollDownMobile{display:none}.links{column-gap:20px}.section1{height:100vh}html.light .part1{background-image:url(/img/stacked-waves-haikei.svg);background-repeat:no-repeat;background-size:cover;background-position:center}html.dark .part1{background-image:url(/img/stacked-waves-haikei.dark.svg);background-repeat:no-repeat;background-size:cover;background-position:center}}@media (min-width: 1134px){.part1{padding-inline-end:17%;padding-inline-start:17%}}@media (max-width: 1134px){.links{flex-wrap:wrap}.line-break{flex-basis:100%;margin-bottom:10px}.mobileSpace{margin-top:9vh}.hi h2{padding:3px;z-index:10}html.light .links{color:#000!important}}@media (min-width: 768px) and (max-width: 1134px){.part1{padding-inline-start:12%}}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px 17px;border:0;position:relative;overflow:hidden;border-radius:10rem;transition:all .02s;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer;color:#fff;z-index:0;box-shadow:0 0 7px -5px #00000080}.button:active{transform:scale(.97)}.hoverEffect{position:absolute;bottom:0;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1}.hoverEffect div{background:#d0cdfd;background:linear-gradient(90deg,#d0cdfd,#877ff9 49%,#0292af);border-radius:40rem;width:10rem;height:10rem;transition:.4s;filter:blur(20px);animation:effect infinite 3s linear;opacity:.5}.button:hover .hoverEffect div{width:8rem;height:8rem}@keyframes effect{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-cssbuttons{border-radius:40rem;position:relative;padding:15px 30px 19px;font-weight:700;font-size:16px;font-family:inherit;line-height:1;color:#ffffffd1;background:none;border:none;outline:none;overflow:hidden;cursor:pointer;transition:.3s cubic-bezier(.215,.61,.355,1)}.btn-cssbuttons:before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;border-radius:24px;transition:.3s cubic-bezier(.215,.61,.355,1)}.btn-cssbuttons span,.btn-cssbuttons span span{display:inline-flex;vertical-align:middle;transition:.3s cubic-bezier(.215,.61,.355,1)}.btn-cssbuttons span{transition-delay:.05s}.btn-cssbuttons span:first-child{padding-right:7px}.btn-cssbuttons span span{margin-left:8px;transition-delay:.1s}.btn-cssbuttons ul{position:absolute;top:50%;left:0;right:0;display:flex;margin:0;padding:0;list-style-type:none;transform:translateY(-50%)}.btn-cssbuttons ul li{flex:1}.btn-cssbuttons ul li div{display:inline-flex;vertical-align:middle;transform:translateY(55px);transition:.3s cubic-bezier(.215,.61,.355,1)}@media (min-width: 768px){.btn-cssbuttons:hover:before{transform:scale(1.2)}.btn-cssbuttons:hover span,.btn-cssbuttons:hover span span{transform:translateY(-55px)}.btn-cssbuttons:hover ul li div{transform:translateY(0)}.btn-cssbuttons:hover ul li:nth-child(1) div{transition-delay:.15s}.btn-cssbuttons:hover ul li:nth-child(2) div{transition-delay:.2s}.btn-cssbuttons:hover ul li:nth-child(3) div{transition-delay:.25s}.btn-cssbuttons:hover ul li:nth-child(4) div{transition-delay:.3s}}.mainContainer{display:flex;justify-content:center;align-items:center;height:100vh;padding-inline:20px}.mainProjects{height:100vh;width:100vw;overflow-y:auto;display:flex;align-items:end;justify-content:center}.projectList{display:flex;flex-direction:column;flex:1.1;align-items:start;height:75vh;padding-inline:50px}.projectImg{display:flex;flex:.9;background-color:#cdcdcd7c;justify-content:end;height:60vh;position:relative;overflow:hidden}.projectList>:first-child{display:flex;height:15vh;align-items:center;font-size:50px;font-weight:900;width:75%;border-bottom:2px solid #a9a9a9}.scrollableList{height:60vh;overflow-y:auto;width:75%;scrollbar-width:thin;scrollbar-color:#9c9c9c transparent}.scrollableList::-webkit-scrollbar{width:8px}.scrollableList::-webkit-scrollbar-track{background:transparent}.scrollableList::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:0;border:none}.scrollableList::-webkit-scrollbar-thumb:hover{background-color:#a7a7a7}.scrollableList::-webkit-scrollbar-button:vertical:increment,.scrollableList::-webkit-scrollbar-button:vertical:decrement{display:none;height:0;width:0}.scrollableList a>*{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px solid #a9a9a9}.scrollableList h1{font-size:19px}.scrollableList p{font-weight:700;font-size:15px}@media (max-width: 768px){.projectImg{display:none}.projectList{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding-inline:5px}.mainProjects{width:100vw}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.modalBackdrop{position:fixed;top:0;left:0;width:100%;height:100dvh;background:#0009;z-index:9999;display:flex;align-items:end;justify-content:center}.modalContent{padding:2rem;padding-inline:2rem;border-radius:1rem 1rem 0 0;width:94%;height:76%;position:relative;display:flex;flex-direction:column;overflow:hidden}html.dark .modalContent{background:#292929}html.light .modalContent{background:#fff}.pin-spacer{align-self:flex-start!important;display:contents!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important}.modalContent .pin-spacer{align-self:flex-start!important}.scrollable{position:relative;display:flex;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto;height:auto;gap:0px;flex-direction:column;padding-inline:3%}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:8px;border:none}.scrollable{scrollbar-width:thin;scrollbar-color:#aaa transparent}.projectImgC{flex:.8;display:flex;justify-content:center;height:100%;width:100%;min-width:500px;position:sticky;align-items:flex-start;transform:translateY(1.111px)!important}.aprojectIMG{height:400px;width:100%;position:relative;margin-top:5%;margin-left:3%}.bgInner{background-size:cover;background-position:center top;background-repeat:no-repeat;position:absolute;top:0;left:0;height:200%;width:100%;will-change:transform}.data{display:flex;flex:1.1;flex-direction:column;margin-top:3%}.data h1{font-size:30px!important}.rowDiv{display:flex;flex-direction:row;height:100%}.firstData{height:60vh;display:flex;flex-direction:column;justify-content:space-around}.secondData{padding-top:10px;padding-bottom:3%}.usedList{background-color:#eee;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;cursor:default}html.dark .usedList{color:#454545}#root{width:100%}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;pointer-events:auto;z-index:9999;transform:translate(100%)}.page-entrance-transition{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#151515;z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:auto}.loader-wrapper{position:relative;width:120px;height:120px}.loader-ring{transform:rotate(-90deg)}.loader-ring circle{fill:none;stroke-width:6;r:50;cx:60;cy:60}.loader-ring .bg{stroke:#444}.loader-ring .progress{stroke:#fff;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0}.loader-letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2.5rem;font-weight:700;pointer-events:none;font-family:Noxlock,sans-serif}