*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


body{
    background-color: hsl(212, 45%, 89%);
    font-size: 15px;
    display: flex;
    justify-content: center;  /* وسط‌چین افقی */
    align-items: center;      /* وسط‌چین عمودی */
    height: 100vh;    
    font-family: 'Outfit', sans-serif;
}
.overview{
    border: 1px solid #33333307;
    border-radius: 15px;
    width: 300px;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    /* margin:100px auto ; */
}
.overview .pic{
    border-radius: 20px;
    padding: 30px;
}
.overview .pic img{
    width: 100%;
    max-height: 700px;
    border-radius: 20px;

}
.explain{
    /* border: 1px solid #020202; */
    padding: 5px 20px;
}
.explain h3{
color: hsl(218, 44%, 22%);
font-size: 17px;
font-weight: 900;
text-align: center;
padding:0 8px ;
}
.explain p{
    color:  hsl(216, 15%, 48%)  ;
    font-size: 13px;
    text-align: center;
    padding:15px 14px ;
}