body{
    margin:0;
    padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p
{
    margin: 0;
}
.card--container{
    background-color: #1A237E;
    color: white;
    max-width: 527px;
    margin: 0 auto;
    padding-bottom:1em ;
    padding-right:1em ;
    padding-left: 1em;
}
.my-pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid whitesmoke;
}
.qr--code{
    width: 130px;
}
.flex--container{
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
}
.asad{
    padding: 1.5em .5em;
    border-bottom: 1px solid wheat;
    margin:1.5em
}
.flex--first--child{

}
.flex--second-child{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 20px;
letter-spacing: 2px;
}