@font-face{font-family:"vazir";src:url(../font/Vazir.woff2) format(woff2);font-display:swap}:root{--hue:251;--first-color:hsl(var(--hue), 100%, 69%);--first-color-alt:hsl(29, 100%, 50%);--white-color:rgb(250, 250, 250);--black-color:hsl(0, 0%, 1%);--text-color:hsl(var(--hue), 2%, 66%);--body-color:#f3f2fd;--container-color:hsl(0, 0%, 100%);--conic-gradient:conic-gradient(
  from 150deg at 50% 45%,
  hsl(253, 70%, 68%) 0deg,  
  hsl(253, 70%, 80%) 140deg, 
  hsl(253, 70%, 68%) 360deg 
);--text-color2:hsl(0, 0%, 0%);--body-font:"vazir";--biggest-font-size:2.5rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-regular:400;--font-medium:500;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:1168px){:root{--biggest-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,input,textarea,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--white-color);user-select:none;-webkit-user-select:none;  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;   font-family:var(--body-font)}input,button,textarea{border:none;outline:none;display:block;width:100%;margin-bottom:20px}h2,h4{color:var(--white-color);font-weight:var(--font-semi-bold)}h1{font-size:30px;text-align:center;margin-bottom:10px}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1168px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:2rem 3rem}.section_title{font-size:var(--h2-font-size);text-align:center;margin-bottom:2rem;justify-self:center;color:var(--text-color2)}.main{overflow:hidden}.nav{position:fixed;bottom:1.5rem;left:0;right:0;background-color:hsl(251 100% 69% / .259);width:88%;margin-inline:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem 2rem;border-radius:4rem;z-index:var(--z-fixed)}.nav_list{display:flex;justify-content:space-between;align-items:center}.nav_link{width:2.5rem;height:2.5rem;background-color:#fff0;color:var(--white-color);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .6s}.ri-home-line{width:2.5rem;height:2.5rem;background-color:#fff0;color:#fff;font-size:1.5rem;border-radius:50%;display:grid;place-items:center;background-color:var(--first-color)}.ri-close-fill{width:2.5rem;height:2.5rem;background-color:#fff0;color:#fff;font-size:1.5rem;border-radius:50%;display:grid;place-items:center}.ri-add-line{width:2.5rem;height:2.5rem;background-color:#fff0;color:#fff;font-size:1.5rem;border-radius:50%;display:grid;place-items:center}.ri-subtract-line{width:2.5rem;height:2.5rem;background-color:#fff0;color:#fff;font-size:1.5rem;border-radius:50%;display:grid;place-items:center}.ri-divide-line{width:2.5rem;height:2.5rem;background-color:#fff0;color:#fff;font-size:1.5rem;border-radius:50%;display:grid;place-items:center}.active-link{background-color:var(--first-color)}.prefil{position:relative;background:var(--conic-gradient);height:415px;border-radius:2rem;padding:1rem;display:grid;overflow:hidden;box-shadow:0 4px 8px rgb(0 0 0 / .2)}.prefil_img{width:250px;position:absolute;justify-self:center;align-self:flex-end}.prefil_data{align-self:flex-end;background-color:hsl(0 0% 1% / .1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem 1rem;border-radius:1.5rem;border:2px solid hsl(0 0% 100% / .5)}.prefil_buttons{display:grid;column-gap:.5rem;grid-template-columns:repeat(2,1fr)}.prefil_buttons .button{padding:.75rem 0}.info,.about,.skills{background-color:var(--container-color);padding:2rem 1.5rem;border-radius:2rem;box-shadow:0 4px 18px rgb(0 0 0 / .2)}.info_name{font:var(--font-regular);color:var(--text-color2)}.info_data{display:flex;justify-content:center;align-items:center;column-gap:.5rem}.info_image{background:var(--conic-gradient);height:180px;border-radius:2rem;display:grid;margin-block:1.5rem;overflow:hidden}.info_img{width:140px;justify-self:center;align-self:center}.info_description{font-size:var(--small-font-size);margin-bottom:2rem;color:var(--text-color2)}.info .button{width:100%}.about_name{margin-bottom:1rem;color:var(--text-color2)}.about .about_name h2{font-size:var(--h2-font-size);color:var(--text-color2)}.about_link{width:2.5rem;height:2.5rem;background-color:var(--white-color);color:var(--black-color);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .4s,color .4s}.about_link:hover{background-color:var(--first-color);color:var(--white-color)}.about_image{background:var(--conic-gradient);height:180px;border-radius:2rem;display:grid;overflow:hidden}.about_img{width:250px;justify-self:center;transform:translateY(-2.5rem)}.about_note{font-size:var(--small-font-size);margin-block:1rem 2rem;color:var(--text-color2)}.about .button{width:100%}.about_description{color:var(--text-color2)}.skills_title{font-size:var(--h2-font-size);color:var(--text-color2)}.skills_item{width:1.5rem;transition:transform .4s}.skills_item:hover{transform:translateY(-.25rem)}.skills_description{font-size:var(--small-font-size);color:var(--text-color2)}.button{display:inline-flex;justify-content:center;background-color:var(--first-color);color:var(--white-color);font-weight:var(--font-semi-bold);padding:1.25rem 2.5rem;border-radius:4rem;transition:background-color .4s}.button_black{background-color:var(--black-color)}.button:hover{background-color:var(--first-color-alt)}.projects_card{background-color:var(--container-color);padding:1.5rem;border-radius:2rem;margin:10px;color:var(--text-color2);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.projects_image{display:block;overflow:hidden;border-radius:1.5rem;margin-top:1.5rem}.project_img{transition:transform .4s}.projects_name{font-size:var(--h3-font-size);margin-bottom:.5rem;color:var(--text-color2)!important}.projects_description{color:var(--text-color);margin-bottom:1.5rem}.projects_skill{width:1rem;transition:transform .4s}.projects_skill:hover{transform:translateY(-.25rem)}.projects_skills{width:max-content;height:34px;background-color:var(--black-color);padding-inline:.75rem;display:flex;align-items:center;column-gap:.75rem;border-radius:4rem;margin-bottom:1.5rem}.projects_button{color:gray;display:inline-flex;align-items:center;column-gap:.5rem;transition:color .4s}.projects_button i{font-size:1.25rem}.projects_button span{font-weight:var(--font-medium)}.projects_button:hover{color:var(--first-color-alt)}.projects_card:hover .project_img{transform:scale(1.2)}.experience_container{row-gap:2rem}.experience_card{display:grid;row-gap:1rem}.experience_company{font-size:var(--h2-font-size);color:var(--text-color2)}.experience_data{background-color:var(--container-color);padding:1.5rem;border-radius:1.5rem}.experience_profession{font-size:var(--h3-font-size);margin-bottom:.5rem;color:var(--text-color2)}.experience_date{display:block;font-size:var(--smaller-font-size);margin-bottom:1rem}.experience_description{color:var(--text-color)}::-webkit-scrollbar{width:.6rem;background-color:hsl(0 0% 20%);border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:hsl(0 0% 30%);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:hsl(0 0% 40%)}.scrollup{position:fixed;right:1rem;bottom:-50%;background-color:hsl(0 0% 98% / .1);display:inline-flex;padding:6px;color:var(--white-color);font-size:1.25rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.5rem;z-index:var(--z-tooltip);transition:bottom .4s tarnsform .4s}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:8rem}@media screen and (max-width:320px){.container{margin-inline:1rem}.nav{padding:1rem}.experience_company{margin-top:1rem}}@media screen and (min-width:540px){.nav{width:max-contents}.nav_list{column-gap:1.25rem}.home_container,.project_container,.services_container,.experience_container,.contact_container{display:grid;grid-template-columns:380px;justify-content:center}}@media screen and (min-width:768px){.home_container{grid-template-columns:repeat(2,350px);align-items:flex-start}.prefil{height:100%}.project_container,.services_container{grid-template-columns:repeat(2,350px)}.experience_container{grid-template-columns:initial}.experience_card{grid-template-columns:320px 380px;align-items:center}.footer_container,.footer_content{grid-template-columns:repeat(2,max-content);align-items:center}.footer_container{justify-content:space-between}.footer_content{column-gap:4.5rem}.show-scroll{bottom:3rem}}@media screen and (min-width:1200px){.container{margin-inline:auto}.section{padding-block:3rem 4rem}.section_title{font-size:var(--h1-font-size);margin-bottom:4rem}.home_container{grid-template-columns:280px 560px 280px;align-items:stretch}.prefil{grid-column:2/3;grid-row:1/3;padding:2rem}.prefil_img{width:450px}.prefil_data{width:500px;padding:1.5rem;border-radius:2rem}.info{grid-column:1/2;grid-row:1/2}.info_name{font-size:var(--h2-font-size)}.about{grid-column:3/4;grid-row:1/3;align-content:center}.about_image{height:210px}.about_img{transform:translateY(-1rem)}.skills{grid-column:1/2;grid-row:2/3}.skills_title{font-size:var(--h3-font-size)}.project_container{grid-template-columns:repeat(3,368px);gap:2rem}.projects_card{padding-bottom:2rem;margin:0 5px}.experience_container{row-gap:4rem}.experience_card{grid-template-columns:350px 510px;column-gap:2rem}.experience_company{font-size:var(--h2-font-size);margin-top:1rem}.experience_data{padding:2rem;border-radius:2rem}}@media screen and (min-width:1500px){.nav{width:max-content;height:max-content;padding:2rem 1rem;left:initial;right:3rem;top:0;bottom:0;margin-block:auto}.nav_list{flex-direction:column;row-gap:1.25rem}.footer{padding-block:3rem}.scrollup{right:4rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:hsl(253 39% 81%)}::-webkit-scrollbar-thumb{background-color:hsl(253 70% 68%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:hsl(253 39% 81%)}