body {margin:0;
          padding:0;
          background-color:#fff;
          display:flex;
          flex-direction:column;
          height:100vh;}
    
    .navbar {
      display: flex;
      justify-content: flex-end;
      padding: 0 20px;}

    .navbar a {
      color:black;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
      display: flex;
      align-items: center;
      gap: 8px;}

    .container {grid-template-columns:1fr 1fr 1fr;
                display:grid;}

    #pic {grid-column:2;}

    img {max-width: 100%;
        height:auto;
        display:block;}

    .search-container {width:100%;
                      max-width:500px;
                      display:flex;
                      grid-column:2;
                      border:1px solid #dfe1e5;
                      border-radius:24px;
                      padding:10px 20px;
                      box-shadow:0 1px 6px rgba(32,33,36,0.28);}

    .search-input {flex:1;
                   border:none;
                  outline:none;
                  font-size:18px;}

    p {text-align: center;}