nav {
      display: flex;
      justify-content: center;
      background: transparent; /* Set background to transparent */
    }

    nav a {
      color: white;
      text-decoration: none;
      padding: 14px 20px;
      display: inline-block;
      transition: background-color 0.3s;
    }

    nav a:hover {
      background-color: #555;
    }
    body{
        background-image:url('img/purflow.jpg') ; 
    }
    .pics{
       display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    img{
        padding:10px;
    }