/*
=============== 
Global Styles
===============
*/

/* موارد زیر خیلی مهم که همیشه بذاری */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {

    background: var(--clr-white);
    color: var(--clr-grey-1);
    line-height: 1.4;
    font-size: 1rem;  
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none;  
    /* تکس دکوریتور وقتی نان باشد یعنی اینکه خط زیر یا همان آندرلاین برداشته میشه */
}
img {
    width: 100%;
    display: block;
}
/* =================================================== */

/* =================================================== */
/*
در این قسمت به نحوه تغییر فونت وب سایت میپردازیم. فونت ها را میتوانیم از طریق سایت گوگل فونتس برداریم. حتما قسمت فیلم آموزشی علی شیخ قسمت پراپرتی فونت-فمیلی 
روببین. نکته مهم اینکه در سایت گوگل فونتس به دو شیوه میشه فونت اضافه کرد یکی از طریق لینک که باید اونو در فایل اچ تی ام ال اضافه کنی یکی هم از طریق ایمپورت که
مثل پایین کافیه اونو در همین فایل سی اس اس اضافه کنیم
*/
/* در خط پایین فایل ایمپورت را اضافه میکنی و در قسمت پایین تر یعنی قسمت فونت-فمیلی اسم فونت ها را قرار میدهی پس کلاباید همین دو کار را انجام بدهی */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Playfair+Display&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Lora:wght@500&family=Playfair+Display&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Lato&family=Lora:wght@500&family=Playfair+Display&family=Poppins&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Lato&family=Lora:wght@500&family=Playfair+Display&family=Poppins&family=Roboto&family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Lato&family=Lora:wght@500&family=Merriweather&family=Playfair+Display&family=Poppins&family=Roboto&family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Inter+Tight&family=Lato&family=Lora:wght@500&family=Merriweather&family=Playfair+Display&family=Poppins&family=Roboto:wght@300;400&family=Ubuntu&display=swap');
/*
"-apple-system, BlinkMacSystemFont" => apple device   این فونت ها برای سیستم عامل اپل هستند
"Segoe UI" => windows system   این فونت برای سیستم عامل ویندوز هست
"Roboto" => android system   و این برای اندروید هست
*/
/* ==================================================================== */

.Introduction_App{
    /* background-color: #f0ead2; */
    margin: 8% 5%;
    font-size: 20px;
    text-align: justify;
    line-height: 2;
    color: black;
    font-family: Helvetica, "Times New Roman", sans-serif, Arial,Times, -apple-system, BlinkMacSystemFont, 'Segoe UI',Roboto;
}

@media screen and (min-width: 700px) and (max-width: 1100px) {  
    .Introduction_App{
        margin: 12% 5%;
        font-size: 19px;
        text-align: justify;
        line-height: 2;
        color: black;
    }}

@media screen and (max-width: 700px) {
    .Introduction_App{
        margin: 18% 5%;
        font-size: 18px;
        text-align: justify;
        line-height: 2;
        color: black;
        }
}

.Ref-Hamidieh {
    font-size: 13px;
}