*{
    background-color: #98BF8E;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

main article {
   display: grid;
   gap: 1rem;
   grid-template-columns: repeat(auto-fill, minmax(360px, 1fr))
   
   
}

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

h1{
text-align: center;
-webkit-text-stroke: 2px #034001; 
color: WHITE;
text-shadow: 2px 2px 2px black;
}

button{

    background-color: blue;
    margin: 0;
    padding: auto;

}

footer{
        display: flex;
    align-content: center;
}