: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)}@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{align-items:center;background-color:var(--pcolor);display:flex;height:100dvh;justify-content:space-evenly;margin-right:-5vw;width:100vw}.header .bubble,.header .content{align-items:center;display:flex;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}.bubble{animation:slideDown 1s ease-out forwards}@media (max-width:768px){.header .content{left:50%;width:80%}.bubble{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{background:#262626;direction:ltr;height:100vh;justify-content:center;width:100vw}.bars,.skills{align-items:center;display:flex}.bars{flex-direction:column;justify-content:space-between;padding:10px;width:500px}.skill{margin:10px 0;width:100%}.skilltitle{color:#fff;font-size:1.5rem;font-weight:600}.progress-bar{background:#404040;border-radius:3px;height:15px;margin-top:5px;width:100%}#htmlcss .progress{animation:loadBars 1s ease 0s 1;background:#ed2828;border-radius:3px;height:100%;max-width:91%;position:relative}#htmlcss .progress:after{background:#fff;border-radius:4px;content:"83%";font-size:12px;height:15px;line-height:14px;padding:2px 3px;position:absolute;right:-18px;text-align:center;top:-30px;width:30px}#htmlcss .progress:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #fff;content:"";height:0;position:absolute;right:-5px;top:-12px;width:0}#wordpress .progress{animation:loadBars 1s ease 0s 1;background:#ed2828;height:100%;max-width:92%;position:relative}#wordpress .progress:after{background:#fff;border-radius:4px;content:"92%";font-size:12px;height:15px;line-height:14px;padding:2px 3px;position:absolute;right:-18px;text-align:center;top:-30px;width:30px}#wordpress .progress:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #fff;content:"";height:0;position:absolute;right:-5px;top:-12px;width:0}#js .progress{animation:loadBars 1s ease 0s 1;background:#ed2828;height:100%;max-width:60%;position:relative}#js .progress:after{background:#fff;border-radius:4px;content:"60%";font-size:12px;height:15px;line-height:14px;padding:2px 3px;position:absolute;right:-18px;text-align:center;top:-30px;width:30px}#js .progress:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #fff;content:"";height:0;position:absolute;right:-5px;top:-12px;width:0}@keyframes loadBars{0%{width:0}to{width:100%}}.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:80%}.expertises .container div{align-items:center;background-color:#e3e3e4;border-radius:var(--primaryradius);box-shadow:0 8px 25px 0 #0003;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;padding:20px;width:300px}.expertises .container div svg{color:var(--redcolor);font-size:50px}.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%}}