body * {
    box-sizing: border-box;
}


body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

/*
Part 2: Put the main element (the card's parent container)
into flex mode (display: flex) and adjust the 
justify-content and align-items properties to center the card.
*/
main {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/*
Part 1: Create some style blocks to style the card. 
    Experiment with: border, padding, margin, height, and width.
*/
.card {
    width: 350px;
    border: 1px solid #e0e0e0;
}

img, button {
    display: block;
}

img {
    width: 100%;
    height: auto;
}

h2, p, button {
    margin: 20px;
}