@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}*{box-sizing:border-box;transition:background-color .4s ease,color .4s ease;-webkit-tap-highlight-color:transparent}*:before,*:after{box-sizing:border-box}: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 button{background-color:#213547}html,body{margin:0;padding:0;overflow-y:scroll;-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}body::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:10px}.background-layer{position:fixed;top:0;left:0;width:200%;height:100%;background:url(/nnnoise.svg) repeat;background-size:cover;z-index:-1;will-change:transform;opacity:.5}@media (max-width: 768px){html,body{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}body::-webkit-scrollbar{width:0!important;height:0!important}}.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;border-radius:18px;padding-inline:15px;transition:.6s ease-in-out;direction:ltr;z-index:2000}.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:#ffffffde}html.dark .mainHeader a{color:#ffffffde}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:#213547}html.light .mainHeader a{color:#213547}.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}.hamburger{cursor:pointer;display:inline-block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hamburger svg{height:2.5em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}html.light .line{stroke:#213547}html.dark .line{stroke:#ffffffde}.line-top-bottom{stroke-dasharray:12 63}.hamburger.open svg{transform:rotate(-45deg)}.hamburger.open .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.desktpoMenu{display:flex;align-items:center;display:block}html.dark .mainHeader svg{color:#ffffffde!important}html.light .mainHeader svg{color:#213547!important}.mobile-nav{position:fixed!important;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(-15px);transition:all .3s ease;z-index:9999!important;padding:10px 20px;box-shadow:0 8px 16px #0000001a;width:60%;border-radius:15px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.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 .changeLan{color:#ffffffde!important;border-bottom:1px solid rgba(255,255,255,.87)}html.light .mainHeader .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-weight:800;display:"inline-block";transform-origin:bottom center;margin:0;direction:inherit!important}.titleSkillsM{font-size:35px;font-weight:800;display:inline-block;align-self:center;transform-origin:bottom center;margin:0 0 25px;padding-bottom:10px;padding-inline:5%;direction:inherit!important}html.light .titleSkillsM{border-bottom:1px solid rgb(27,43,57)}html.dark .titleSkillsM{border-bottom:1px solid rgba(255,255,255)}.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:6vh;display:flex;justify-content:space-between;align-items:start}.s1aboutParent{width:60%;padding-bottom:20px}.s1about{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100vh}.s1about>:first-child{margin-bottom:2rem}.myAb{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center;padding-top:100px}.myAb>*{display:flex;flex-direction:column;justify-content:start;margin-bottom:30px;gap:8px;align-items:center;padding-block:10px;border-radius:1rem;width:110%;min-width:200px;background:linear-gradient(135deg,#42424352,#1d2d3b82);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.myAb>*:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0006}.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;margin-bottom:30px}.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;min-width:700px}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}@media (min-width: 768px){.s3{position:relative;height:60vh;margin-bottom:100px;width:60%;min-width:700px;overflow:hidden;border-radius:1rem;direction:rtl}.s3-background{position:absolute;margin-top:-10%;margin-right:-5%;width:60%;height:140%;z-index:1;perspective:200px;perspective-origin:59% 85%;overflow:hidden}.s3-background:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to right,#000 30%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 30%,rgba(0,0,0,0))}.seeProject{padding:13px 24px 17px;border-radius:40rem;font-weight:600;cursor:pointer;display:block;text-align:center;max-width:40%}.slider{width:100%;height:100%;background-image:url(/preview.png);background-size:cover;background-repeat:repeat-y;transform:scaleX(.85) scaleY(1) rotateX(3.5deg) rotateY(354deg) rotate(10deg);animation:moveBackground 35s linear infinite}.s3-content{position:relative;z-index:2;height:100%;width:100%;display:flex;align-items:center;padding-left:5%}.s3-content.fa{padding-right:5%;direction:rtl;justify-content:end}.s3-content.en{padding-right:45%;direction:ltr;justify-content:start}.s3-left{color:#000;text-shadow:0 2px 8px rgba(122,122,122,.6)}.s3-left h2{font-size:32px;margin-bottom:10px}.s3-left p{font-size:17px;line-height:1.6}}@media (max-width: 768px){.s3{position:relative;height:30vh;min-height:270px;max-height:320px;margin-bottom:100px;width:98%;overflow:hidden;border-radius:1rem;direction:rtl}.s3-background{position:absolute;margin-top:-10%;margin-right:-45%;width:100%;height:140%;z-index:1;perspective:200px;perspective-origin:59% 85%;overflow:hidden}.s3-background:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to right,#000 30%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 30%,rgba(0,0,0,0))}.seeProject{padding:10px 10px 13px;border-radius:40rem;font-weight:600;font-size:14px;cursor:pointer;display:block;text-align:center;width:170px}.slider{width:100%;height:100%;background-image:url(/preview.png);background-size:cover;background-repeat:repeat-y;transform:scaleX(.85) scaleY(1) rotateX(3.5deg) rotateY(354deg) rotate(10deg);animation:moveBackground 35s linear infinite}.s3-content{position:relative;z-index:2;height:100%;width:100%;display:flex;align-items:center;padding-left:5%}.s3-content.fa{padding-right:35%;direction:rtl;justify-content:end}.s3-content.en{padding-right:45%;direction:ltr;justify-content:start}.s3-left{color:#000;text-shadow:0 2px 8px rgba(122,122,122,.6)}.s3-left h2{font-size:25px;margin-bottom:10px}.s3-left p{font-size:14px;line-height:1.6}}html.light .s3{background-color:#cecece}html.dark .s3{background-color:#868686}html.light .seeProject{background-color:#ffffffde;color:#333!important}html.dark .seeProject{background-color:#272727de;color:#fff!important}@keyframes moveBackground{0%{background-position:0 0}to{background-position:0 -1000px}}.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}.part1{margin-left:5px}}@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}}@media (min-width: 768px){.aboutCardContainer{border-radius:1rem;padding:2rem;box-shadow:inset 0 1px 3px #0000001a}.aboutCardGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.aboutCardItem{padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;height:fit-content}.aboutCardIcon{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-inline-end:1rem}.aboutCardIcon i{font-size:1.25rem}.aboutCardIcon.blue{background-color:#dbeafe;color:#3b82f6}.aboutCardIcon.purple{background-color:#ede9fe;color:#8b5cf6}.aboutCardIcon.green{background-color:#d1fae5;color:#10b981}.aboutCardIcon.yellow{background-color:#fef3c7;color:#facc15}.aboutCardTitle{font-weight:700;margin:0}.aboutCardText{font-size:.875rem;margin:0}.experienceList{display:flex;flex-direction:row;gap:20px}.gapExList{padding-bottom:20px}.exListTitle{margin:0;font-size:16px;font-weight:500}.exListdis{margin:0;font-size:14px;font-weight:400}}@media (max-width: 768px){.aboutCardContainer{width:95vw;background-color:#f3f4f6;border-radius:1rem;padding:1.5rem 1rem;box-shadow:inset 0 1px 3px #0000001a;display:flex;flex-direction:column}.aboutCardGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.aboutCardItem{background-color:#fff;padding:.6rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;height:fit-content}.aboutCardIcon{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-inline-end:.8rem}.aboutCardIcon i{font-size:10px}.aboutCardIcon.blue{background-color:#dbeafe;color:#3b82f6}.aboutCardIcon.purple{background-color:#ede9fe;color:#8b5cf6}.aboutCardTitle{font-weight:700;font-size:16px;margin:0}.aboutCardTitleex{font-weight:700;font-size:22px;margin:0;padding-top:10px}.aboutCardText{font-size:12px;margin:0}.experienceList{display:flex;flex-direction:row;gap:15px}.gapExList{padding-bottom:22px}.exListTitle{margin:0;font-size:15px;font-weight:500}.exListdis{margin:0;font-size:12.5px;font-weight:400}}html.light .aboutCardContainer{background-color:#f3f4f6}html.dark .aboutCardContainer{background-color:#71717166}html.light .aboutCardItem{background-color:#fff}html.dark .aboutCardItem{background-color:#717171ca}html.light .aboutCardText{color:#4b5563}html.dark .aboutCardText{color:#ffffffde}html.light .exListdis{color:rgb(61,61,61),}html.dark .exListdis{color:#ffffffde}html.dark .exListTitle{color:#fff}.underlineTitleAboutme{padding-inline-end:3%;padding-bottom:7px;display:inline-block}html.light .underlineTitleAboutme{border-bottom:1px solid rgb(27,43,57)}html.dark .underlineTitleAboutme{border-bottom:1px solid rgba(255,255,255)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;z-index:9999}.modal-content{border-radius:16px;width:90%;max-width:1100px;min-height:500px;position:relative;box-shadow:0 10px 30px #0003;transform-origin:center;display:flex;direction:rtl}html.light .modal-content{background:#fff}html.dark .modal-content{background:#303030}.modal-content h2{font-size:35px;align-self:center}.close-btn{position:absolute;top:12px;color:#fff;right:18px;font-size:1.4rem;border:none;background:none!important;cursor:pointer}.contact-img{display:flex;flex:1;min-width:350px;background-image:url(/img/MehranKHContact.webp);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:0 16px 16px 0;transition:.3s}.contact-context{display:flex;flex:2;flex-direction:column}.contact-form{display:flex;justify-content:center;align-items:center;flex:1;flex-direction:column;box-sizing:border-box;padding-bottom:20px}.contact-ditail{display:flex;flex:.6;flex-direction:column;align-items:start;direction:ltr;font-size:14px;padding-inline-end:5px}.contact-ditail>*{display:flex;justify-content:center;align-items:center;padding:0;margin-bottom:15px}@media (max-width : 1000px){.contact-img{min-width:300px}}@media (max-width : 900px){.contact-img{min-width:250px}}@media (max-width : 768px){.contact-img{display:none}}.social{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0}.social li{list-style:none}.social li a{display:flex;justify-content:center;align-items:center;position:relative;width:65px;height:65px;text-decoration:none;color:#404040;transition:.5s}.social li a span{position:absolute;transition:transform .5s}.social li a span:nth-child(1),.social li a span:nth-child(3){width:100%;height:1.5px;background:#404040}.social li a span:nth-child(1){top:0;left:0;transform-origin:right}.social li a:hover span:nth-child(1){transform:scaleX(0);transform-origin:left}.social li a span:nth-child(3){bottom:0;left:0;transform-origin:left}.social li a:hover span:nth-child(3){transform:scaleX(0);transform-origin:right}.social li a span:nth-child(2),.social li a span:nth-child(4){width:1.5px;height:100%;background:#404040}.social li a span:nth-child(2){top:0;left:0;transform:scale(0);transform-origin:bottom}.social li a:hover span:nth-child(2){transform:scale(1);transform-origin:top}.social li a span:nth-child(4){top:0;right:0;transform:scale(0);transform-origin:top}.social li a:hover span:nth-child(4){transform:scale(1);transform-origin:bottom}.whatsappLogo:hover{color:#25d366}.whatsappLogo:hover span{background:#25d366!important}.githubLogo{display:flex}.githubLogo:hover{color:#000}.githubLogo:hover span{background:#000!important}.linkedinLogo:hover{color:#0077b5}.linkedinLogo:hover span{background:#0077b5!important}.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:100vh;background:#0009;display:flex;align-items:end;justify-content:center;z-index:1000}.modalContent{padding:2rem;padding-inline:2rem;padding-top:100px;border-radius:1rem 1rem 0 0;width:94%;height:99%;position:relative;display:flex;flex-direction:column;overflow:hidden;z-index:500}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;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:auto;height:auto;gap:0px;flex-direction:column;padding-inline:3%}.scrollable>*{max-width:100%;box-sizing:border-box}.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%;border-radius:2rem;box-shadow:0 10px 25px #00000062}.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}.goProjects{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px #0003;transition:background .3s ease,transform .3s ease}html.light .goProjects{background:#111;color:#fff}html.dark .goProjects{background:#f7f7f7;color:#000}@media (min-width: 768px){.goProjects{padding:.75rem 1.5rem;font-size:.9rem;margin-inline-end:2%}}@media (max-width: 768px){.goProjects{padding:.65rem 1rem;font-size:.85rem;margin-inline-end:3%}}#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}