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

body{
    background-color: rgb(210, 232, 252);
    height: 100vh;
    display: grid;
    place-content: center;
}

article{
    border: 2px solid white;
    width: 250px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 1px 5px 5px rgb(53, 68, 83, 0.4);
}

nav{
text-align: center;
margin-top: 12px;
}

img{
    width: 95%;
    border-radius: 10px;
    margin-bottom: 12px;
}

nav h4{
 width: 97%;
 font-size: 20px;
 font-weight: 600;
 margin: 0 auto;
 margin-bottom: 12px;
}

nav p{
    width: 92%;
    margin: 0 auto;
    margin-bottom: 17px;
}

@media screen and (max-width:480px){
    body{
        max-width: 480px;
        /* background-color: black; */
        background-color: rgb(210, 232, 252);
    }
    article{
        width: 370px;
    }

    nav h4{
        font-size: 27px;
    }

    nav p{
      width: 75%;
      letter-spacing: 1.4px;
    }
}