:root{
    --clr-primary:hsl(0, 0%, 100%);
    --clr-300: hsl(212, 45%, 89%);
    --clr-500:hsl(216, 15%, 48%);
    --clr-900:hsl(218, 44%, 22%);
    --fw-regular:400;
    --fw-bold:700;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: var(--clr-300);
    min-height:100vh;
    display:flex;
    align-items: center;
    font-size:15px;
    
}
.card{
    width:360px;
    margin:0 auto;
    background-color: var(--clr-primary);
    border-radius:0.5rem;
    text-align:center;
    padding:20px
   
}
.img img{
    width:100%;
    border-radius:0.3rem;
}
.content{
    padding:22px 10px;;
}