* {
     direction: rtl;
}
body {
    font-family: vazir;
    margin: 0;
    padding: 3px;
    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: 20px;
    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;

    font-family:Tahoma;

}
.an{    
    background-color: #00647a;
    color: #fff;
    text-align: center;            
    padding: 20px;
    padding-bottom: 30px;
}
/* محل قرار گرفتن همه کارت‌ها */

.container{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:25px;

}


/* هر شعر */

.sher{
    color: #fff;

    min-height: 1;
           
    border-radius:12px;
    
    padding:10px;
    
    font-weight: bold;

}


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

.sher h2{

    
    text-align:center;

    margin-top:0;

}


/* متن شعر */

.sher p{
    
    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: 10px;
}

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

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