* {
     direction: rtl;
}
body {
    font-family: vazir;
    margin: 0;
    padding: 0;
    background: linear-gradient(45deg, white, rgb(0, 0, 0));
}
/*-------------------------------------- */
header, footer {
    background: linear-gradient(to right, #88e9ff, #00647a, #88e9ff);
    color: #fff;
    text-align: center;            
    padding: 15px;
    padding-bottom: 30px;
}
footer {
    clear: both;
}
/*-------------------------------------- */
p {
    display: flex;
    align-items:0%;
    justify-content: center;
    padding: 20px;
    margin-bottom: 0px;
    color: #fff; 
}

/*-----------------------------------*/
body{

    margin:0;

    padding:3px;

    font-family:Tahoma;

}


/* عنوان صفحه */

h1{
    color: #fff;
    
    text-align: right;

    margin-bottom:40px;

}


/* محل قرار گرفتن همه کارت‌ها */

.container{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:25px;

}


/* هر شعر */

.sher{
    background-color: #fff;
    
    min-height: 1;
    
    width:260px;
    
    border:1px solid #000;
   
    border-radius:12px;

    border:1px solid #000;
    
    box-shadow:0 0 10px rgba(0,0,0,.15);

    padding:20px;

}


/* عنوان هر شعر */

.sher h2{

    color: #000;
    
    text-align:center;

    margin-top:0;

}


/* متن شعر */

.sher p{
    color: #000;
    
    text-align:center;

    line-height:2.3;

    font-size:18px;

}
/*-----------------------------------------------*/
header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    box-sizing: border-box;

    background: linear-gradient(
        to left,
        #00647a,
        #00647a,
        #88e9ff
    );

    color: #fff;

    padding: 20px;
}

/* لوگوی اصلی */

header img {
    margin: 0;
    padding: 0;
}

header h1 {
    padding: 1px;
    width: 100%;
    margin-bottom: 40px;
    color: #fff; 
} 
header img {
    width: 80px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    display: flex;
}