body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    background-color: turquoise;
}
header { 
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 21px;
}

img{
    width: 80%;
}
nav{
    background-color: #D2FFFE ;
    
}

 button{
    font-size: 80px;
    width: 800px;
    height: 100px;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color:#009BD1;
}

#grid {
        display: grid;
        /* grid-template-columns: 1fr 1fr 1fr; */
        /* grid-template-columns: repeat(4, 1fr); */
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

        gap: 10px;
      }
      .grid-item {
        background-color: pink;
        padding: 10px;
        text-align: center;
      }

      .grid-item img {
        width: 100%;
      }