*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* پیش فرض های کلیه المنت ها را مشخص می کنیم. */
}
body{
    font-family: serif;
}

.header{
    height: 550px;
    background-image: url(../images/background1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: aliceblue;
    text-align: center;
    padding-top: 35px;
}

.header .nav-list{
    list-style: none;
}
.header .nav-list .nav-item{
    /* میتوانیم فقط به کلاس ال آی ها پوینت کنیم */
    display: inline-block;
    padding: 15px;

}
.nav-item:hover{
    color: orange;
}
.header h1{

    font-size: 80px;
    margin-top: 200px;
}

.header h1 span{
    color: orange;
}
.header p{
   width: 400px; 
   height: 55px;
   line-height: 55px;
   /* برای اینکه متن از لحاظ عمودی در وسط کادر قرار بگیرد. یک حقه */
   margin: auto;
   background-color: rgba (0,0,0, 0.3);
   border-radius:20px;
   border: 1px solid white;
   margin-top: 30px;


}
.members{
    list-style-type: none;
    text-align: center;
    padding: 50px 30px;

}
.member-pic{
    width: 100%;
    /* یعنی عکسها عرض کانتینر را بگیرند */
   height: 400px;
    object-fit: cover;
    object-position: top;
    
   
   
}
.member-list{
    list-style-type: none;
    margin-top: 25px;
}
.member-item{
    display: inline-block;
    width: 350px;
    margin: 10px;
    box-shadow: 0 0 15px #bbbbbb;
}
.member-bio{
    padding: 20px;
    text-align: justify;
    /* برای تراز شدن متن */
}
.member-name{
    margin-top: 10px;
}
.about{
    height:600px;
    background-image: url(../images/background2.jpg);
    background-size: cover;
    padding-top: 50px;
    background-color: #736666;
    background-blend-mode: multiply;
}
.circle{
    width: 500px;
    height: 500px;
    margin: auto;
    border-radius: 50%;
    padding: 100px 120px;
    text-align: center;
    background-color: rgba(78, 72, 46, 0.7);
    color: aliceblue;

}
.circle p{
    margin-top: 20px;
    text-align: justify;
    font-size: 16px;
}

.circle h2 {
    font-size:35px ;
}
.footer{
    height: 100px;
    background-color: rgb(49, 48, 48);
    text-align: center;
    margin-top: 30px;
    line-height: 100px;
}
.footer li{
    display: inline-block;
    margin: 15px;
}