@font-face{font-family:YekanBakhFaNum;src:url(/assets/YekanBakhFaNum-Regular-BnPW0L28.woff2) format("woff2"),url(/assets/YekanBakhFaNum-Regular-BG5s99w2.woff) format("woff");font-weight:400;font-style:normal;unicode-range:U+0600-06FF}@font-face{font-family:Noxlock;src:url(/assets/Noxlock-Free-BERLs5x6.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:YekanBakhFaNum;src:url(/assets/YekanBakhFaNum-Bold-D5nkx4KG.woff2) format("woff2"),url(/assets/YekanBakhFaNum-Bold-543jPjcW.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;color:#646cff;text-decoration:inherit}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:smooth}body::-webkit-scrollbar{width:5px;background:transparent}.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-color:transparent!important}@media (max-width: 578px){.mainHeader{height:55px}}.logo{font-family:Noxlock,sans-serif;font-weight:800;padding:0!important;margin-right:6px}html.dark .mainHeader{background:#ffffffb5;color:#213547}html.dark .mainHeader a{color:#213547}html.light .mainHeader{background:#4e4e4ecc;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(35px,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)}@media (max-width: 578px){.mainPadding{padding-top:75px}}.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}@media (min-width: 768px){.mobile-nav{display:none}}.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){.mobileMenu{display:block}.desktpoMenu{display:none}.mainHeader.home-style-header{padding-inline:10px!important;margin-top:15px!important}}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:auto!important;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.section1{display:flex;align-items:center;justify-content:center;height:100vh}.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:60px;font-weight:800;display:"inline-block";transform-origin:bottom center;margin:0;direction:inherit!important}.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{height:100vh;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}.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}.part1{overflow:hidden;border-radius:0 0 20px 20px;width:100%;padding-inline:15%;height:100vh;display:flex;align-items:end;gap:0}.part1>*{height:100vh;display:flex;flex:1;justify-content:center;align-items:end;position:relative;flex-direction:row}html.light .part1{background-color:#868686}html.dark .part1{background-color:#2a2a2a}.imgme{background-image:url(/img/MehranKH.png);background-size:contain;background-position:bottom;background-repeat:no-repeat;height:90vh;width:100%;min-width:370px}.camera{width:60px;position:absolute}.camera.fa{transform:translate(-380%) translateY(-300%) rotate(-20deg)}.camera.en{transform:translate(350%) translateY(-300%) rotate(20deg)}.hi{flex-direction:column;justify-content:center;align-items:start}.hi p{font-size:clamp(26px,3vw,30px);font-weight:800;margin:0}.hi h1{font-size:clamp(22px,3vw,35px);margin-top:0}.hi h1 .highlight{color:#1c1a37;font-weight:800;font-size:clamp(26px,3vw,50px)}html.light .hi h1 .highlight{color:#1c1a37}html.dark .hi h1 .highlight{color:#d0cdfd}.hi h2{font-size:clamp(15px,3vw,22px)}.links{display:flex;justify-content:start;align-items:center;column-gap:20px;width:100%;margin-top:10px}.scrollDown{width:50;height:50}.mainContainer{display:flex;justify-content:center;align-items:center;height:100vh;padding-inline:20px}.mainContainerP{display:flex;flex-direction:column;align-items:center;height:800vh}.projectc{height:auto;width:90%;display:flex;flex-direction:row;align-items:center}.projectImgC{flex:1;display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-width:500px;position:relative}.projectIMG{overflow:hidden;height:400px;width:100%;position:relative}.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}.projectData{display:flex;flex:1.5;flex-direction:column;align-items:center;justify-content:center;width:100%}.section1data{z-index:10;width:100%;height:50vh;padding-inline:20px;gap:0px}.section2data{z-index:3;background-color:#efeded;border-radius:10px;box-shadow:2px 4px 10px #80808033;width:70%;height:55vh;padding:15px 30px;color:#1b2b39}.section2data h3{border-bottom:1px solid #ccc;padding-bottom:10px;padding-inline:15px}.section1data h1{font-size:40px;display:inline-block;margin:0;padding-bottom:15px}.section1data h3{margin:0;font-size:17px;padding-top:40px;font-weight:400}.info{display:flex;height:auto;width:100%;flex-direction:row;align-items:center;justify-content:start;padding-top:30px;gap:25px}.titlep{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:30px}.titlep span{background-color:#cdcdcd;color:#1b2b39;padding:6px 10px 7px;border-radius:45%;font-weight:700}.used{background-color:#cdcdcd;color:#1b2b39;padding:6px 10px 7px;border-radius:10px;font-weight:700;font-size:14px}.featuresContainer{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.featuresContainer::-webkit-scrollbar{width:6px}.featuresContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.featuresContainer::-webkit-scrollbar-thumb{background-color:#888;border-radius:12px;border:1px solid #ccc}.featuresContainer::-webkit-scrollbar-thumb:hover{background:#555}.see{color:#efeded;background-color:#474646;padding:10px 35px 13px;border-radius:10px;position:absolute;z-index:10;bottom:10px}.see:hover{color:#efeded!important;background-color:#646464}#root{width:100%;padding-inline:10px}@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}