html{scroll-behavior:smooth}body{font-family:Vazirmatn,Tahoma,sans-serif;max-width:1100px;margin:auto;color:#fff;background-color:#0f172a}.about-section{max-width:1036px;padding:1rem 2rem;margin-top:3rem;display:flex;justify-content:space-between;scroll-margin-top:100px}.about-title{max-width:150px;display:flex}.about-title h4{font-size:2rem;margin:0;align-content:center}.about-text{max-width:850px}.about-text p{font-size:1.4rem;margin:0}.resume-link{border:1px solid rgb(139,92,246);padding:6px 14px;border-radius:12px;transition:all .3s ease;margin-top:1rem;width:fit-content}.resume-link:hover{background-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 0 10px #8b5cf666}.resume-link a{text-decoration:none;color:#8b5cf6;transition:all ease .3s}.resume-link:hover a{color:#fff}@media (max-width: 1100px){.about-section{display:block;margin:auto;margin-top:3rem}.about-title{margin-bottom:1rem}.about-text{max-width:1036px}}@media (max-width: 950px){.about-section{max-width:600px}.about-title h4{font-size:1.8rem}.about-text p{font-size:1.2rem}}.contact-section{max-width:1036px;padding:1rem 2rem;margin-top:3rem;scroll-margin-top:100px}.contact-box{padding:1rem 2rem;background-color:#152240;border-radius:10px}.contact-box h3{width:fit-content}.contact-items{display:flex;flex-wrap:wrap;column-gap:1.5rem}.contact-item{margin:1rem 0;display:flex;align-items:center}.contact-icon{font-size:2rem;margin-left:.6rem}.contact-item a{font-size:1.2rem;text-decoration:none;color:#fff;transition:color .3s}.contact-item a:hover{color:#8b5cf6b3}@media (max-width: 950px){.contact-section{max-width:600px;margin:auto}.contact-box h3{font-size:1.2rem}.contact-item a{font-size:.8rem}}.home-section{max-width:1036px;padding:1rem 2rem;display:flex;justify-content:space-between}.home-info{max-width:600px}.home-info h2{font-size:3rem}.home-info p{font-size:1.7rem;margin:0}.myPhoto{width:250px;height:auto}.home-photo{align-content:center}@media (max-width: 950px){.home-section{display:block}.home-info{margin:auto;margin-bottom:2rem;max-width:600px}.home-info h2{font-size:2.2rem}.home-info p{font-size:1.2rem}.home-photo{display:flex;justify-content:center}.myPhoto{width:200px;margin:auto}}.nav{position:sticky;top:0;max-width:1052px;height:68px;padding:1rem 1.5rem;display:flex;align-items:center;background-color:#111b32;justify-content:space-between;z-index:10}.nav-links{display:flex;list-style:none;gap:1.5rem;padding:0}.nav-links li a{text-decoration:none;transition:color .3s;color:#fff}.nav-links li a:hover{color:#8b5cf6b3}.menu-toggle{display:none;cursor:pointer}.hamburger-icon{transition:color .3s;color:#fff}.hamburger-icon:hover{color:#8b5cf6b3}@media (max-width: 750px){.nav-links{position:absolute;top:60px;right:6px;background:#0b1121;flex-direction:column;width:130px;padding:1rem;display:none;box-shadow:0 2px 8px #00000026}.nav-links.active,.menu-toggle{display:flex}}.projects-section{margin-top:3rem;max-width:1036px;padding:1rem 2rem;scroll-margin-top:100px}.project-box{display:flex;justify-content:space-between;align-items:center;max-width:1002px;gap:40px;padding:1rem;border:1px solid white;border-radius:10px;transition:border-color ease .3s}.project-box:hover{border-color:#8b5cf6b3}.project-photo img{width:200px;height:auto;display:block}.project-body h2{margin:0;font-size:1.8rem}.project-body p{margin:10px 0 20px}.project-links p{margin-top:5px;margin-bottom:0}.project-links p a{color:#fff}.project-body a:hover{color:#8b5cf6b3}@media (max-width: 700px){.project-box{display:block}.project-photo{display:flex;justify-content:center;margin-bottom:1rem}.project-photo img{width:400px;height:auto}}@media (max-width: 500px){.project-photo img{width:300px;height:auto}}@media (max-width: 420px){.project-photo img{width:200px;height:auto}.project-body{font-size:.8rem}}.skills-section{max-width:1036px;padding:1rem 2rem;margin-top:3rem;scroll-margin-top:100px}.skills-section h3{font-size:2rem}.skills-box{display:flex;flex-wrap:wrap;gap:1.3rem;max-width:1036px}.skill{width:104px;padding:1.5rem;text-align:center;background-color:#152240;border-radius:10px;transition:transform .3s,box-shadow .3s}.skill:hover{transform:scale(1.1);box-shadow:0 8px 20px #8b5cf666}.skill-icon{font-size:104px}@media (max-width: 950px){.skills-section{max-width:600px;margin:auto}.skills-section h3{font-size:1.8rem}}@media (max-width: 650px){.skill{width:90px;padding:1rem}.skill-icon{font-size:90px}}@media (max-width: 470px){.skill{width:50px;padding:1rem}.skill-icon{font-size:50px}.skill span{font-size:.6rem}}