:root{--pcolor:#20232a;--seccolor:#202328;--redcolor:#d32f2f;--descriptioncolor:#777990;--textcolor:#333;--boldtextcolor:#000;--textsize:16px;--primaryradius:8px;--navbar-height:80px}*{box-sizing:border-box;font-family:Vazirmatn,sans-serif;margin:0;padding:0}body{background:#fff;direction:rtl;margin:0 auto;overflow-x:hidden;width:90%}h1{color:#fff;font-size:36px}h1,h2{font-weight:700;text-decoration:none}h2{color:#202328;color:var(--seccolor);font-size:24px}a,h4{color:#fff;text-decoration:none}p{color:#333;color:var(--textcolor)}ul{list-style-type:none}.btn{border-radius:50px;box-shadow:inset 0 0 0 1px #fff;color:#fff;font-size:18px;font-weight:700;padding:10px 20px;transition:.3s}.btncolor{background:#20232a;background:var(--pcolor);box-shadow:0 0 3px 1px #20232a;box-shadow:0 0 3px 1px var(--pcolor);color:#fff;font-size:16px}.btn:hover{background:#d32f2f;background:var(--redcolor);box-shadow:none;box-shadow:0 0 0 0 #20232a;box-shadow:0 0 0 0 var(--pcolor)}.full-width{margin-right:-5vw;width:100vw!important}@media screen and (max-width:768px){h1{font-size:2.5em}}.navbar{align-items:center;display:flex;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 10vw;position:fixed;right:0;top:0;width:100vw;z-index:10}.navbar-bg{background-color:#fffffff2;box-shadow:0 3px 5px #0000000d;transition:background-color .3s,box-shadow .3s}.navbar svg{color:#fff;font-size:26px}.navbar-bg a,.navbar-bg svg{color:var(--pcolor)!important;transition:.3s}.nav-menu{display:flex}.nav-menu li{padding:0 1rem}.nav-menu li a{font-size:1.2rem;font-weight:500;transition:.3s}.navbar a.active,.navbar-bg a.active{color:var(--redcolor)!important}.navbar a:hover,.navbar svg:hover,.navbar-bg a:hover,.navbar-bg svg:hover{color:var(--redcolor)!important;text-shadow:0 0 1px var(--descriptioncolor);transition:.3s}.hamburger{display:none}.navbar a span{font-family:Leckerli One,serif;font-size:1.8em;font-weight:400}.headsocials a{margin:0 8px}.nav-menu div,.nav-menu.active div svg{display:none}@media screen and (max-width:1024px){.nav-menu{align-items:center;background:#101214fa;color:green;flex-direction:column;height:100dvh;justify-content:center;position:absolute;top:0;transform:translateX(-100vw);transition:transform .3s ease-in-out;width:100%;z-index:-1}body.menu-open{overflow:hidden!important}.nav-menu.active{transform:translateX(10vw)}.nav-menu div{display:inline;display:initial}.nav-menu.active div{bottom:6dvh;position:absolute}.nav-menu.active div svg{display:inline;display:initial;font-size:30px;margin:0 10px}.nav-menu.active a,.nav-menu.active svg{color:#fff!important;transition:.3s}.nav-menu li{padding:1.1rem 0}.nav-menu li a{color:#fff;font-size:1.5rem}.hamburger{display:inline;display:initial}.headsocials{display:none}.menu-open.navbar-bg a,.menu-open.navbar-bg svg{color:#fff!important}.navbar a.active,.navbar-bg a.active{color:var(--redcolor)!important}}.header{background-color:var(--pcolor);height:100dvh;justify-content:space-evenly;overflow:hidden;transition:height .2s ease-out;will-change:height}.header,.header .content{align-items:center;display:flex}.header .content{flex-direction:column;transition:.3s;width:50%}.header .content p{color:#fff;font-size:24px;font-weight:300;padding:3rem 0 4rem}.resumebtn{font-size:18px;font-weight:700;margin-right:30px;position:relative}.resumebtn:after{background-color:#fff;bottom:-8px;content:"";height:1px;position:absolute;right:0;transition:width .3s ease;width:0}.resumebtn:hover:after{width:100%}.svg{align-items:center;animation:scroll 1.5s infinite;border:1px solid #fff;border-radius:50px;bottom:8vh;color:#fff;display:flex;font-size:20px;padding:15px 8px;position:absolute}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(10px)}60%{transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.content{animation:slideUp 1s ease-out forwards}.parallax-container{align-items:center;animation:slideDown 1s ease-out forwards;display:flex;height:90%;justify-content:center;overflow:visible;perspective:800px;position:relative;width:45%}.layer{height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease-out;width:55%;will-change:transform}.layer1{z-index:1}.layer2{opacity:.9;z-index:2}.layer3{opacity:.8;z-index:3}@media (max-width:768px){.header .content{left:50%;width:80%}.parallax-container{display:none!important}.content{text-align:center}.content h1{font-size:32px}.content p{font-size:20px!important}}.footer{background-color:var(--pcolor);margin-right:-5vw;padding:6rem;width:100vw}.footer-container{display:flex;margin:auto;max-width:1140px;transition:.8s}.texticon{display:flex;padding:5px 0}.left,.right{display:flex;flex-direction:column;height:100%;padding:1rem;width:46%}.texticon svg{margin-left:2rem}.right h4{padding:10px 0}.socials svg{font-size:26px;margin:0 5px}.footer p{color:#fff}@media screen and (max-width:640px){.footer{padding:2rem}.footer-container{flex-direction:column}.left,.right{width:100%}}.skills{align-items:center;background:var(--pcolor);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:3.5rem;padding:5rem 2rem}.skills-header{text-align:center}.skills-header h2{font-size:2.2rem}.skills-header span{color:var(--descriptioncolor);font-size:.95rem}.skills-wrapper{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));width:900px}.skills-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff12;border-radius:var(--primaryradius);box-shadow:0 0 18px #00000040;padding:1.8rem 1.5rem;transform:translateY(0);transition:transform .45s cubic-bezier(.25,1,.3,1),box-shadow .45s ease,border-color .35s ease}.skills-section:hover{border-color:#ff555540;box-shadow:0 18px 30px #ff555540;transform:translateY(-8px) scale(1.02)}.skills-header h2{color:#fff;font-size:2.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}.skills-section h3{color:var(--redcolor);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:right}.skill-line{display:flex;flex-direction:column;margin-bottom:.6rem}.skill-info{color:#e0e0e0;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.3rem}.skill-info .percent{color:var(--redcolor);font-weight:500}.bar{background:#ffffff1a;height:8px;overflow:hidden;position:relative;width:100%}.bar,.fill{border-radius:6px}.fill{animation:fillAnim 1.2s cubic-bezier(.42,0,.3,1) forwards;background:linear-gradient(90deg,var(--redcolor),#f88);height:100%;width:var(--p)}.fill:after{animation:sweep 3s linear infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:40%}@keyframes sweep{to{transform:translateX(250%)}}@keyframes fillAnim{0%{width:0}to{width:var(--p)}}@media (max-width:768px){.skills-header h2{font-size:1.6rem}.skills-section{padding:1.8rem 1.5rem;width:85%}.skills-wrapper{justify-items:center;width:100vw}}.expertises{align-items:center;display:flex;flex-direction:column;padding:50px 0;scroll-margin-top:var(--navbar-height)}.expertises p{color:var(--descriptioncolor);font-size:16px;text-align:center;width:20%}.expertises .container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;padding:50px 0;width:95%}.expertises .container div{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff40;border-radius:24px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:320px;justify-content:space-evenly;padding:25px;position:relative;transition:transform .5s cubic-bezier(.19,1,.22,1),box-shadow .5s ease;width:300px;will-change:transform}.expertises .container div:hover{box-shadow:0 12px 45px #0006;transform:translateY(-10px) rotate3d(1,1,0,8deg)}.expertises .container div svg{color:var(--redcolor);filter:drop-shadow(0 0 8px rgba(255,80,80,.35));font-size:56px;transition:transform .4s ease,filter .4s ease,color .4s ease}.expertises .container div:hover svg{color:#ff6b6b;filter:drop-shadow(0 0 18px rgba(255,70,70,.55));transform:scale(1.05) rotate(6deg)}.expertises .container div p{width:100%}.expertises .container div a{bottom:0;color:var(--redcolor);position:relative}@media (max-width:768px){.expertises .container div{width:90%}.expertises p{width:80%}}.about{height:600px;width:100%}.headermask{height:40vh;margin-right:-5vw;width:100vw}.headerimg2{background-position:50%;background-size:cover;height:100%;object-fit:cover;width:100%}.contents{left:50vw;position:absolute;text-align:center;top:20vh;transform:translate(-50%,-50%);transition:.3s}.pdfviewer{align-items:center;display:flex;flex-direction:column;margin-top:3dvh}.pdf{border-radius:var(--primaryradius);box-shadow:0 0 3px 1px var(--pcolor);margin:3dvh 0}.posts-container{display:flex;flex-wrap:wrap;gap:2.5dvh;justify-content:space-between;margin-right:-5vw;padding:2vw 10vw;width:100vw}.post{background:#fff;background:linear-gradient(90deg,#fff,#f2f5f8 35%,#fff);border-radius:10px;box-shadow:0 13px 15px #0000004d;display:flex;width:39vw}.post,.post:hover{transition:background-color .5s,box-shadow .5s}.post:hover{background-color:#fff;box-shadow:0 30px 30px #0000004d}.post-image{border-radius:10px 10px 10px;height:220px;margin:15px;width:200px}.post-content{display:flex;flex-direction:column;justify-content:space-evenly;margin:15px;overflow:hidden;width:calc(100% - 200px)}.post-info{align-items:center;background-color:#fff;border-radius:10px;color:#000;display:flex;font-size:14px;height:60px;justify-content:space-around;margin-top:10px}.post-info .info-details{align-items:center;display:flex;gap:5px;width:100%}.post-info .category{align-items:center;background:linear-gradient(90deg,#fff,#ececedcc 50%,#fff);display:flex;height:100%;padding:0 30px}.skeleton{animation:pulse 1.5s ease-in-out infinite;background:#e0e0e0;gap:10px}.skeleton-image{background:#d0d0d0}.skeleton-title{height:20px}.skeleton-text,.skeleton-title{background:silver;border-radius:5px}.skeleton-text{height:15px;width:100%}.skeleton-text.small{width:60%}.skeleton-info{background:silver;border-radius:5px;height:20px;width:30%}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}@media (max-width:768px){.posts-container{padding:3dvh 5vw}.post-image{border-radius:10px 10px 10px;height:110px;margin:5px;width:100px}.post-content{width:100%}.post-content h3{font-size:16px}.post-content p{display:none}.post-info{height:auto;margin:0}.post-info .info-details{display:none;height:35px}.post-info .category,.post-info .post-date{background:#0000;background-color:initial;display:initial;display:flex;justify-content:center;padding:0;width:100%}}@media (max-width:1440px){.post{width:99vw}}@media (min-width:480px){.post-info .comments{background:#0000;background-color:initial;display:initial;display:flex;justify-content:center;padding:0;width:100%}}